<!DOCTYPE html>

<html lang="en">
<head><meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Untitled</title><script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
<style type="text/css">
    pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.highlight .hll { background-color: var(--jp-cell-editor-active-background) }
.highlight { background: var(--jp-cell-editor-background); color: var(--jp-mirror-editor-variable-color) }
.highlight .c { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment */
.highlight .err { color: var(--jp-mirror-editor-error-color) } /* Error */
.highlight .k { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword */
.highlight .o { color: var(--jp-mirror-editor-operator-color); font-weight: bold } /* Operator */
.highlight .p { color: var(--jp-mirror-editor-punctuation-color) } /* Punctuation */
.highlight .ch { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Hashbang */
.highlight .cm { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Multiline */
.highlight .cp { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Preproc */
.highlight .cpf { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.PreprocFile */
.highlight .c1 { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Single */
.highlight .cs { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Special */
.highlight .kc { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Type */
.highlight .m { color: var(--jp-mirror-editor-number-color) } /* Literal.Number */
.highlight .s { color: var(--jp-mirror-editor-string-color) } /* Literal.String */
.highlight .ow { color: var(--jp-mirror-editor-operator-color); font-weight: bold } /* Operator.Word */
.highlight .pm { color: var(--jp-mirror-editor-punctuation-color) } /* Punctuation.Marker */
.highlight .w { color: var(--jp-mirror-editor-variable-color) } /* Text.Whitespace */
.highlight .mb { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Bin */
.highlight .mf { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Float */
.highlight .mh { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Hex */
.highlight .mi { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Integer */
.highlight .mo { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Oct */
.highlight .sa { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Affix */
.highlight .sb { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Backtick */
.highlight .sc { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Char */
.highlight .dl { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Delimiter */
.highlight .sd { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Doc */
.highlight .s2 { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Double */
.highlight .se { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Escape */
.highlight .sh { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Heredoc */
.highlight .si { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Interpol */
.highlight .sx { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Other */
.highlight .sr { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Regex */
.highlight .s1 { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Single */
.highlight .ss { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Symbol */
.highlight .il { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Integer.Long */
  </style>
<style type="text/css">
/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*
 * Mozilla scrollbar styling
 */

/* use standard opaque scrollbars for most nodes */
[data-jp-theme-scrollbars='true'] {
  scrollbar-color: rgb(var(--jp-scrollbar-thumb-color))
    var(--jp-scrollbar-background-color);
}

/* for code nodes, use a transparent style of scrollbar. These selectors
 * will match lower in the tree, and so will override the above */
[data-jp-theme-scrollbars='true'] .CodeMirror-hscrollbar,
[data-jp-theme-scrollbars='true'] .CodeMirror-vscrollbar {
  scrollbar-color: rgba(var(--jp-scrollbar-thumb-color), 0.5) transparent;
}

/* tiny scrollbar */

.jp-scrollbar-tiny {
  scrollbar-color: rgba(var(--jp-scrollbar-thumb-color), 0.5) transparent;
  scrollbar-width: thin;
}

/* tiny scrollbar */

.jp-scrollbar-tiny::-webkit-scrollbar,
.jp-scrollbar-tiny::-webkit-scrollbar-corner {
  background-color: transparent;
  height: 4px;
  width: 4px;
}

.jp-scrollbar-tiny::-webkit-scrollbar-thumb {
  background: rgba(var(--jp-scrollbar-thumb-color), 0.5);
}

.jp-scrollbar-tiny::-webkit-scrollbar-track:horizontal {
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
}

.jp-scrollbar-tiny::-webkit-scrollbar-track:vertical {
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
}

/*
 * Lumino
 */

.lm-ScrollBar[data-orientation='horizontal'] {
  min-height: 16px;
  max-height: 16px;
  min-width: 45px;
  border-top: 1px solid #a0a0a0;
}

.lm-ScrollBar[data-orientation='vertical'] {
  min-width: 16px;
  max-width: 16px;
  min-height: 45px;
  border-left: 1px solid #a0a0a0;
}

.lm-ScrollBar-button {
  background-color: #f0f0f0;
  background-position: center center;
  min-height: 15px;
  max-height: 15px;
  min-width: 15px;
  max-width: 15px;
}

.lm-ScrollBar-button:hover {
  background-color: #dadada;
}

.lm-ScrollBar-button.lm-mod-active {
  background-color: #cdcdcd;
}

.lm-ScrollBar-track {
  background: #f0f0f0;
}

.lm-ScrollBar-thumb {
  background: #cdcdcd;
}

.lm-ScrollBar-thumb:hover {
  background: #bababa;
}

.lm-ScrollBar-thumb.lm-mod-active {
  background: #a0a0a0;
}

.lm-ScrollBar[data-orientation='horizontal'] .lm-ScrollBar-thumb {
  height: 100%;
  min-width: 15px;
  border-left: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
}

.lm-ScrollBar[data-orientation='vertical'] .lm-ScrollBar-thumb {
  width: 100%;
  min-height: 15px;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}

.lm-ScrollBar[data-orientation='horizontal']
  .lm-ScrollBar-button[data-action='decrement'] {
  background-image: var(--jp-icon-caret-left);
  background-size: 17px;
}

.lm-ScrollBar[data-orientation='horizontal']
  .lm-ScrollBar-button[data-action='increment'] {
  background-image: var(--jp-icon-caret-right);
  background-size: 17px;
}

.lm-ScrollBar[data-orientation='vertical']
  .lm-ScrollBar-button[data-action='decrement'] {
  background-image: var(--jp-icon-caret-up);
  background-size: 17px;
}

.lm-ScrollBar[data-orientation='vertical']
  .lm-ScrollBar-button[data-action='increment'] {
  background-image: var(--jp-icon-caret-down);
  background-size: 17px;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-Widget {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.lm-Widget.lm-mod-hidden {
  display: none !important;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.lm-AccordionPanel[data-orientation='horizontal'] > .lm-AccordionPanel-title {
  /* Title is rotated for horizontal accordion panel using CSS */
  display: block;
  transform-origin: top left;
  transform: rotate(-90deg) translate(-100%);
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-CommandPalette {
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-CommandPalette-search {
  flex: 0 0 auto;
}

.lm-CommandPalette-content {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  min-height: 0;
  overflow: auto;
  list-style-type: none;
}

.lm-CommandPalette-header {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lm-CommandPalette-item {
  display: flex;
  flex-direction: row;
}

.lm-CommandPalette-itemIcon {
  flex: 0 0 auto;
}

.lm-CommandPalette-itemContent {
  flex: 1 1 auto;
  overflow: hidden;
}

.lm-CommandPalette-itemShortcut {
  flex: 0 0 auto;
}

.lm-CommandPalette-itemLabel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lm-close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  position: absolute;
  z-index: 1;
  right: 3%;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 7px 0;
  display: none;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
}
.lm-close-icon:after {
  content: 'X';
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  color: #000;
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-DockPanel {
  z-index: 0;
}

.lm-DockPanel-widget {
  z-index: 0;
}

.lm-DockPanel-tabBar {
  z-index: 1;
}

.lm-DockPanel-handle {
  z-index: 2;
}

.lm-DockPanel-handle.lm-mod-hidden {
  display: none !important;
}

.lm-DockPanel-handle:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.lm-DockPanel-handle[data-orientation='horizontal'] {
  cursor: ew-resize;
}

.lm-DockPanel-handle[data-orientation='vertical'] {
  cursor: ns-resize;
}

.lm-DockPanel-handle[data-orientation='horizontal']:after {
  left: 50%;
  min-width: 8px;
  transform: translateX(-50%);
}

.lm-DockPanel-handle[data-orientation='vertical']:after {
  top: 50%;
  min-height: 8px;
  transform: translateY(-50%);
}

.lm-DockPanel-overlay {
  z-index: 3;
  box-sizing: border-box;
  pointer-events: none;
}

.lm-DockPanel-overlay.lm-mod-hidden {
  display: none !important;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-Menu {
  z-index: 10000;
  position: absolute;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-Menu-content {
  margin: 0;
  padding: 0;
  display: table;
  list-style-type: none;
}

.lm-Menu-item {
  display: table-row;
}

.lm-Menu-item.lm-mod-hidden,
.lm-Menu-item.lm-mod-collapsed {
  display: none !important;
}

.lm-Menu-itemIcon,
.lm-Menu-itemSubmenuIcon {
  display: table-cell;
  text-align: center;
}

.lm-Menu-itemLabel {
  display: table-cell;
  text-align: left;
}

.lm-Menu-itemShortcut {
  display: table-cell;
  text-align: right;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-MenuBar {
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-MenuBar-content {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  list-style-type: none;
}

.lm-MenuBar-item {
  box-sizing: border-box;
}

.lm-MenuBar-itemIcon,
.lm-MenuBar-itemLabel {
  display: inline-block;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-ScrollBar {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-ScrollBar[data-orientation='horizontal'] {
  flex-direction: row;
}

.lm-ScrollBar[data-orientation='vertical'] {
  flex-direction: column;
}

.lm-ScrollBar-button {
  box-sizing: border-box;
  flex: 0 0 auto;
}

.lm-ScrollBar-track {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
}

.lm-ScrollBar-thumb {
  box-sizing: border-box;
  position: absolute;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-SplitPanel-child {
  z-index: 0;
}

.lm-SplitPanel-handle {
  z-index: 1;
}

.lm-SplitPanel-handle.lm-mod-hidden {
  display: none !important;
}

.lm-SplitPanel-handle:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.lm-SplitPanel[data-orientation='horizontal'] > .lm-SplitPanel-handle {
  cursor: ew-resize;
}

.lm-SplitPanel[data-orientation='vertical'] > .lm-SplitPanel-handle {
  cursor: ns-resize;
}

.lm-SplitPanel[data-orientation='horizontal'] > .lm-SplitPanel-handle:after {
  left: 50%;
  min-width: 8px;
  transform: translateX(-50%);
}

.lm-SplitPanel[data-orientation='vertical'] > .lm-SplitPanel-handle:after {
  top: 50%;
  min-height: 8px;
  transform: translateY(-50%);
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-TabBar {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-TabBar[data-orientation='horizontal'] {
  flex-direction: row;
  align-items: flex-end;
}

.lm-TabBar[data-orientation='vertical'] {
  flex-direction: column;
  align-items: flex-end;
}

.lm-TabBar-content {
  margin: 0;
  padding: 0;
  display: flex;
  flex: 1 1 auto;
  list-style-type: none;
}

.lm-TabBar[data-orientation='horizontal'] > .lm-TabBar-content {
  flex-direction: row;
}

.lm-TabBar[data-orientation='vertical'] > .lm-TabBar-content {
  flex-direction: column;
}

.lm-TabBar-tab {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  overflow: hidden;
  touch-action: none; /* Disable native Drag/Drop */
}

.lm-TabBar-tabIcon,
.lm-TabBar-tabCloseIcon {
  flex: 0 0 auto;
}

.lm-TabBar-tabLabel {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
}

.lm-TabBar-tabInput {
  user-select: all;
  width: 100%;
  box-sizing: border-box;
}

.lm-TabBar-tab.lm-mod-hidden {
  display: none !important;
}

.lm-TabBar-addButton.lm-mod-hidden {
  display: none !important;
}

.lm-TabBar.lm-mod-dragging .lm-TabBar-tab {
  position: relative;
}

.lm-TabBar.lm-mod-dragging[data-orientation='horizontal'] .lm-TabBar-tab {
  left: 0;
  transition: left 150ms ease;
}

.lm-TabBar.lm-mod-dragging[data-orientation='vertical'] .lm-TabBar-tab {
  top: 0;
  transition: top 150ms ease;
}

.lm-TabBar.lm-mod-dragging .lm-TabBar-tab.lm-mod-dragging {
  transition: none;
}

.lm-TabBar-tabLabel .lm-TabBar-tabInput {
  user-select: all;
  width: 100%;
  box-sizing: border-box;
  background: inherit;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-TabPanel-tabBar {
  z-index: 1;
}

.lm-TabPanel-stackedPanel {
  z-index: 0;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Collapse {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.jp-Collapse-header {
  padding: 1px 12px;
  background-color: var(--jp-layout-color1);
  border-bottom: solid var(--jp-border-width) var(--jp-border-color2);
  color: var(--jp-ui-font-color1);
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: var(--jp-ui-font-size0);
  font-weight: 600;
  text-transform: uppercase;
  user-select: none;
}

.jp-Collapser-icon {
  height: 16px;
}

.jp-Collapse-header-collapsed .jp-Collapser-icon {
  transform: rotate(-90deg);
  margin: auto 0;
}

.jp-Collapser-title {
  line-height: 25px;
}

.jp-Collapse-contents {
  padding: 0 12px;
  background-color: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  overflow: auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/* This file was auto-generated by ensureUiComponents() in @jupyterlab/buildutils */

/**
 * (DEPRECATED) Support for consuming icons as CSS background images
 */

/* Icons urls */

:root {
  --jp-icon-add-above: url();
  --jp-icon-add-below: url();
  --jp-icon-add: url();
  --jp-icon-bell: url();
  --jp-icon-bug-dot: url();
  --jp-icon-bug: url();
  --jp-icon-build: url();
  --jp-icon-caret-down-empty-thin: url();
  --jp-icon-caret-down-empty: url();
  --jp-icon-caret-down: url();
  --jp-icon-caret-left: url();
  --jp-icon-caret-right: url();
  --jp-icon-caret-up-empty-thin: url();
  --jp-icon-caret-up: url();
  --jp-icon-case-sensitive: url();
  --jp-icon-check: url();
  --jp-icon-circle-empty: url();
  --jp-icon-circle: url();
  --jp-icon-clear: url();
  --jp-icon-close: url();
  --jp-icon-code-check: url();
  --jp-icon-code: url();
  --jp-icon-collapse-all: url();
  --jp-icon-console: url();
  --jp-icon-copy: url();
  --jp-icon-copyright: url();
  --jp-icon-cut: url();
  --jp-icon-delete: url();
  --jp-icon-download: url();
  --jp-icon-duplicate: url();
  --jp-icon-edit: url();
  --jp-icon-ellipses: url();
  --jp-icon-error: url();
  --jp-icon-expand-all: url();
  --jp-icon-extension: url();
  --jp-icon-fast-forward: url();
  --jp-icon-file-upload: url();
  --jp-icon-file: url();
  --jp-icon-filter-dot: url();
  --jp-icon-filter-list: url();
  --jp-icon-filter: url();
  --jp-icon-folder-favorite: url();
  --jp-icon-folder: url();
  --jp-icon-home: url();
  --jp-icon-html5: url();
  --jp-icon-image: url();
  --jp-icon-info: url();
  --jp-icon-inspector: url();
  --jp-icon-json: url();
  --jp-icon-julia: url();
  --jp-icon-jupyter-favicon: url();
  --jp-icon-jupyter: url();
  --jp-icon-jupyterlab-wordmark: url();
  --jp-icon-kernel: url();
  --jp-icon-keyboard: url();
  --jp-icon-launch: url();
  --jp-icon-launcher: url();
  --jp-icon-line-form: url();
  --jp-icon-link: url();
  --jp-icon-list: url();
  --jp-icon-markdown: url();
  --jp-icon-move-down: url();
  --jp-icon-move-up: url();
  --jp-icon-new-folder: url();
  --jp-icon-not-trusted: url();
  --jp-icon-notebook: url();
  --jp-icon-numbering: url();
  --jp-icon-offline-bolt: url();
  --jp-icon-palette: url();
  --jp-icon-paste: url();
  --jp-icon-pdf: url();
  --jp-icon-python: url();
  --jp-icon-r-kernel: url();
  --jp-icon-react: url();
  --jp-icon-redo: url();
  --jp-icon-refresh: url();
  --jp-icon-regex: url();
  --jp-icon-run: url();
  --jp-icon-running: url();
  --jp-icon-save: url();
  --jp-icon-search: url();
  --jp-icon-settings: url();
  --jp-icon-share: url();
  --jp-icon-spreadsheet: url();
  --jp-icon-stop: url();
  --jp-icon-tab: url();
  --jp-icon-table-rows: url();
  --jp-icon-tag: url();
  --jp-icon-terminal: url();
  --jp-icon-text-editor: url();
  --jp-icon-toc: url();
  --jp-icon-tree-view: url();
  --jp-icon-trusted: url();
  --jp-icon-undo: url();
  --jp-icon-user: url();
  --jp-icon-users: url();
  --jp-icon-vega: url();
  --jp-icon-word: url();
  --jp-icon-yaml: url();
}

/* Icon CSS class declarations */

.jp-AddAboveIcon {
  background-image: var(--jp-icon-add-above);
}

.jp-AddBelowIcon {
  background-image: var(--jp-icon-add-below);
}

.jp-AddIcon {
  background-image: var(--jp-icon-add);
}

.jp-BellIcon {
  background-image: var(--jp-icon-bell);
}

.jp-BugDotIcon {
  background-image: var(--jp-icon-bug-dot);
}

.jp-BugIcon {
  background-image: var(--jp-icon-bug);
}

.jp-BuildIcon {
  background-image: var(--jp-icon-build);
}

.jp-CaretDownEmptyIcon {
  background-image: var(--jp-icon-caret-down-empty);
}

.jp-CaretDownEmptyThinIcon {
  background-image: var(--jp-icon-caret-down-empty-thin);
}

.jp-CaretDownIcon {
  background-image: var(--jp-icon-caret-down);
}

.jp-CaretLeftIcon {
  background-image: var(--jp-icon-caret-left);
}

.jp-CaretRightIcon {
  background-image: var(--jp-icon-caret-right);
}

.jp-CaretUpEmptyThinIcon {
  background-image: var(--jp-icon-caret-up-empty-thin);
}

.jp-CaretUpIcon {
  background-image: var(--jp-icon-caret-up);
}

.jp-CaseSensitiveIcon {
  background-image: var(--jp-icon-case-sensitive);
}

.jp-CheckIcon {
  background-image: var(--jp-icon-check);
}

.jp-CircleEmptyIcon {
  background-image: var(--jp-icon-circle-empty);
}

.jp-CircleIcon {
  background-image: var(--jp-icon-circle);
}

.jp-ClearIcon {
  background-image: var(--jp-icon-clear);
}

.jp-CloseIcon {
  background-image: var(--jp-icon-close);
}

.jp-CodeCheckIcon {
  background-image: var(--jp-icon-code-check);
}

.jp-CodeIcon {
  background-image: var(--jp-icon-code);
}

.jp-CollapseAllIcon {
  background-image: var(--jp-icon-collapse-all);
}

.jp-ConsoleIcon {
  background-image: var(--jp-icon-console);
}

.jp-CopyIcon {
  background-image: var(--jp-icon-copy);
}

.jp-CopyrightIcon {
  background-image: var(--jp-icon-copyright);
}

.jp-CutIcon {
  background-image: var(--jp-icon-cut);
}

.jp-DeleteIcon {
  background-image: var(--jp-icon-delete);
}

.jp-DownloadIcon {
  background-image: var(--jp-icon-download);
}

.jp-DuplicateIcon {
  background-image: var(--jp-icon-duplicate);
}

.jp-EditIcon {
  background-image: var(--jp-icon-edit);
}

.jp-EllipsesIcon {
  background-image: var(--jp-icon-ellipses);
}

.jp-ErrorIcon {
  background-image: var(--jp-icon-error);
}

.jp-ExpandAllIcon {
  background-image: var(--jp-icon-expand-all);
}

.jp-ExtensionIcon {
  background-image: var(--jp-icon-extension);
}

.jp-FastForwardIcon {
  background-image: var(--jp-icon-fast-forward);
}

.jp-FileIcon {
  background-image: var(--jp-icon-file);
}

.jp-FileUploadIcon {
  background-image: var(--jp-icon-file-upload);
}

.jp-FilterDotIcon {
  background-image: var(--jp-icon-filter-dot);
}

.jp-FilterIcon {
  background-image: var(--jp-icon-filter);
}

.jp-FilterListIcon {
  background-image: var(--jp-icon-filter-list);
}

.jp-FolderFavoriteIcon {
  background-image: var(--jp-icon-folder-favorite);
}

.jp-FolderIcon {
  background-image: var(--jp-icon-folder);
}

.jp-HomeIcon {
  background-image: var(--jp-icon-home);
}

.jp-Html5Icon {
  background-image: var(--jp-icon-html5);
}

.jp-ImageIcon {
  background-image: var(--jp-icon-image);
}

.jp-InfoIcon {
  background-image: var(--jp-icon-info);
}

.jp-InspectorIcon {
  background-image: var(--jp-icon-inspector);
}

.jp-JsonIcon {
  background-image: var(--jp-icon-json);
}

.jp-JuliaIcon {
  background-image: var(--jp-icon-julia);
}

.jp-JupyterFaviconIcon {
  background-image: var(--jp-icon-jupyter-favicon);
}

.jp-JupyterIcon {
  background-image: var(--jp-icon-jupyter);
}

.jp-JupyterlabWordmarkIcon {
  background-image: var(--jp-icon-jupyterlab-wordmark);
}

.jp-KernelIcon {
  background-image: var(--jp-icon-kernel);
}

.jp-KeyboardIcon {
  background-image: var(--jp-icon-keyboard);
}

.jp-LaunchIcon {
  background-image: var(--jp-icon-launch);
}

.jp-LauncherIcon {
  background-image: var(--jp-icon-launcher);
}

.jp-LineFormIcon {
  background-image: var(--jp-icon-line-form);
}

.jp-LinkIcon {
  background-image: var(--jp-icon-link);
}

.jp-ListIcon {
  background-image: var(--jp-icon-list);
}

.jp-MarkdownIcon {
  background-image: var(--jp-icon-markdown);
}

.jp-MoveDownIcon {
  background-image: var(--jp-icon-move-down);
}

.jp-MoveUpIcon {
  background-image: var(--jp-icon-move-up);
}

.jp-NewFolderIcon {
  background-image: var(--jp-icon-new-folder);
}

.jp-NotTrustedIcon {
  background-image: var(--jp-icon-not-trusted);
}

.jp-NotebookIcon {
  background-image: var(--jp-icon-notebook);
}

.jp-NumberingIcon {
  background-image: var(--jp-icon-numbering);
}

.jp-OfflineBoltIcon {
  background-image: var(--jp-icon-offline-bolt);
}

.jp-PaletteIcon {
  background-image: var(--jp-icon-palette);
}

.jp-PasteIcon {
  background-image: var(--jp-icon-paste);
}

.jp-PdfIcon {
  background-image: var(--jp-icon-pdf);
}

.jp-PythonIcon {
  background-image: var(--jp-icon-python);
}

.jp-RKernelIcon {
  background-image: var(--jp-icon-r-kernel);
}

.jp-ReactIcon {
  background-image: var(--jp-icon-react);
}

.jp-RedoIcon {
  background-image: var(--jp-icon-redo);
}

.jp-RefreshIcon {
  background-image: var(--jp-icon-refresh);
}

.jp-RegexIcon {
  background-image: var(--jp-icon-regex);
}

.jp-RunIcon {
  background-image: var(--jp-icon-run);
}

.jp-RunningIcon {
  background-image: var(--jp-icon-running);
}

.jp-SaveIcon {
  background-image: var(--jp-icon-save);
}

.jp-SearchIcon {
  background-image: var(--jp-icon-search);
}

.jp-SettingsIcon {
  background-image: var(--jp-icon-settings);
}

.jp-ShareIcon {
  background-image: var(--jp-icon-share);
}

.jp-SpreadsheetIcon {
  background-image: var(--jp-icon-spreadsheet);
}

.jp-StopIcon {
  background-image: var(--jp-icon-stop);
}

.jp-TabIcon {
  background-image: var(--jp-icon-tab);
}

.jp-TableRowsIcon {
  background-image: var(--jp-icon-table-rows);
}

.jp-TagIcon {
  background-image: var(--jp-icon-tag);
}

.jp-TerminalIcon {
  background-image: var(--jp-icon-terminal);
}

.jp-TextEditorIcon {
  background-image: var(--jp-icon-text-editor);
}

.jp-TocIcon {
  background-image: var(--jp-icon-toc);
}

.jp-TreeViewIcon {
  background-image: var(--jp-icon-tree-view);
}

.jp-TrustedIcon {
  background-image: var(--jp-icon-trusted);
}

.jp-UndoIcon {
  background-image: var(--jp-icon-undo);
}

.jp-UserIcon {
  background-image: var(--jp-icon-user);
}

.jp-UsersIcon {
  background-image: var(--jp-icon-users);
}

.jp-VegaIcon {
  background-image: var(--jp-icon-vega);
}

.jp-WordIcon {
  background-image: var(--jp-icon-word);
}

.jp-YamlIcon {
  background-image: var(--jp-icon-yaml);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/**
 * (DEPRECATED) Support for consuming icons as CSS background images
 */

.jp-Icon,
.jp-MaterialIcon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  min-width: 16px;
  min-height: 16px;
}

.jp-Icon-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**
 * (DEPRECATED) Support for specific CSS icon sizes
 */

.jp-Icon-16 {
  background-size: 16px;
  min-width: 16px;
  min-height: 16px;
}

.jp-Icon-18 {
  background-size: 18px;
  min-width: 18px;
  min-height: 18px;
}

.jp-Icon-20 {
  background-size: 20px;
  min-width: 20px;
  min-height: 20px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.lm-TabBar .lm-TabBar-addButton {
  align-items: center;
  display: flex;
  padding: 4px;
  padding-bottom: 5px;
  margin-right: 1px;
  background-color: var(--jp-layout-color2);
}

.lm-TabBar .lm-TabBar-addButton:hover {
  background-color: var(--jp-layout-color1);
}

.lm-DockPanel-tabBar .lm-TabBar-tab {
  width: var(--jp-private-horizontal-tab-width);
}

.lm-DockPanel-tabBar .lm-TabBar-content {
  flex: unset;
}

.lm-DockPanel-tabBar[data-orientation='horizontal'] {
  flex: 1 1 auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/**
 * Support for icons as inline SVG HTMLElements
 */

/* recolor the primary elements of an icon */
.jp-icon0[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon1[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon2[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon3[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon4[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon0[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon1[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon2[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon3[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon4[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/* recolor the accent elements of an icon */
.jp-icon-accent0[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-accent1[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-accent2[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-accent3[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-accent4[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-accent0[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-accent1[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-accent2[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-accent3[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-accent4[stroke] {
  stroke: var(--jp-layout-color4);
}

/* set the color of an icon to transparent */
.jp-icon-none[fill] {
  fill: none;
}

.jp-icon-none[stroke] {
  stroke: none;
}

/* brand icon colors. Same for light and dark */
.jp-icon-brand0[fill] {
  fill: var(--jp-brand-color0);
}

.jp-icon-brand1[fill] {
  fill: var(--jp-brand-color1);
}

.jp-icon-brand2[fill] {
  fill: var(--jp-brand-color2);
}

.jp-icon-brand3[fill] {
  fill: var(--jp-brand-color3);
}

.jp-icon-brand4[fill] {
  fill: var(--jp-brand-color4);
}

.jp-icon-brand0[stroke] {
  stroke: var(--jp-brand-color0);
}

.jp-icon-brand1[stroke] {
  stroke: var(--jp-brand-color1);
}

.jp-icon-brand2[stroke] {
  stroke: var(--jp-brand-color2);
}

.jp-icon-brand3[stroke] {
  stroke: var(--jp-brand-color3);
}

.jp-icon-brand4[stroke] {
  stroke: var(--jp-brand-color4);
}

/* warn icon colors. Same for light and dark */
.jp-icon-warn0[fill] {
  fill: var(--jp-warn-color0);
}

.jp-icon-warn1[fill] {
  fill: var(--jp-warn-color1);
}

.jp-icon-warn2[fill] {
  fill: var(--jp-warn-color2);
}

.jp-icon-warn3[fill] {
  fill: var(--jp-warn-color3);
}

.jp-icon-warn0[stroke] {
  stroke: var(--jp-warn-color0);
}

.jp-icon-warn1[stroke] {
  stroke: var(--jp-warn-color1);
}

.jp-icon-warn2[stroke] {
  stroke: var(--jp-warn-color2);
}

.jp-icon-warn3[stroke] {
  stroke: var(--jp-warn-color3);
}

/* icon colors that contrast well with each other and most backgrounds */
.jp-icon-contrast0[fill] {
  fill: var(--jp-icon-contrast-color0);
}

.jp-icon-contrast1[fill] {
  fill: var(--jp-icon-contrast-color1);
}

.jp-icon-contrast2[fill] {
  fill: var(--jp-icon-contrast-color2);
}

.jp-icon-contrast3[fill] {
  fill: var(--jp-icon-contrast-color3);
}

.jp-icon-contrast0[stroke] {
  stroke: var(--jp-icon-contrast-color0);
}

.jp-icon-contrast1[stroke] {
  stroke: var(--jp-icon-contrast-color1);
}

.jp-icon-contrast2[stroke] {
  stroke: var(--jp-icon-contrast-color2);
}

.jp-icon-contrast3[stroke] {
  stroke: var(--jp-icon-contrast-color3);
}

.jp-icon-dot[fill] {
  fill: var(--jp-warn-color0);
}

.jp-jupyter-icon-color[fill] {
  fill: var(--jp-jupyter-icon-color, var(--jp-warn-color0));
}

.jp-notebook-icon-color[fill] {
  fill: var(--jp-notebook-icon-color, var(--jp-warn-color0));
}

.jp-json-icon-color[fill] {
  fill: var(--jp-json-icon-color, var(--jp-warn-color1));
}

.jp-console-icon-color[fill] {
  fill: var(--jp-console-icon-color, white);
}

.jp-console-icon-background-color[fill] {
  fill: var(--jp-console-icon-background-color, var(--jp-brand-color1));
}

.jp-terminal-icon-color[fill] {
  fill: var(--jp-terminal-icon-color, var(--jp-layout-color2));
}

.jp-terminal-icon-background-color[fill] {
  fill: var(
    --jp-terminal-icon-background-color,
    var(--jp-inverse-layout-color2)
  );
}

.jp-text-editor-icon-color[fill] {
  fill: var(--jp-text-editor-icon-color, var(--jp-inverse-layout-color3));
}

.jp-inspector-icon-color[fill] {
  fill: var(--jp-inspector-icon-color, var(--jp-inverse-layout-color3));
}

/* CSS for icons in selected filebrowser listing items */
.jp-DirListing-item.jp-mod-selected .jp-icon-selectable[fill] {
  fill: #fff;
}

.jp-DirListing-item.jp-mod-selected .jp-icon-selectable-inverse[fill] {
  fill: var(--jp-brand-color1);
}

/* stylelint-disable selector-max-class, selector-max-compound-selectors */

/**
* TODO: come up with non css-hack solution for showing the busy icon on top
*  of the close icon
* CSS for complex behavior of close icon of tabs in the main area tabbar
*/
.lm-DockPanel-tabBar
  .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
  > .lm-TabBar-tabCloseIcon
  > :not(:hover)
  > .jp-icon3[fill] {
  fill: none;
}

.lm-DockPanel-tabBar
  .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
  > .lm-TabBar-tabCloseIcon
  > :not(:hover)
  > .jp-icon-busy[fill] {
  fill: var(--jp-inverse-layout-color3);
}

/* stylelint-enable selector-max-class, selector-max-compound-selectors */

/* CSS for icons in status bar */
#jp-main-statusbar .jp-mod-selected .jp-icon-selectable[fill] {
  fill: #fff;
}

#jp-main-statusbar .jp-mod-selected .jp-icon-selectable-inverse[fill] {
  fill: var(--jp-brand-color1);
}

/* special handling for splash icon CSS. While the theme CSS reloads during
   splash, the splash icon can loose theming. To prevent that, we set a
   default for its color variable */
:root {
  --jp-warn-color0: var(--md-orange-700);
}

/* not sure what to do with this one, used in filebrowser listing */
.jp-DragIcon {
  margin-right: 4px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/**
 * Support for alt colors for icons as inline SVG HTMLElements
 */

/* alt recolor the primary elements of an icon */
.jp-icon-alt .jp-icon0[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-alt .jp-icon1[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-alt .jp-icon2[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-alt .jp-icon3[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-alt .jp-icon4[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-alt .jp-icon0[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-alt .jp-icon1[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-alt .jp-icon2[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-alt .jp-icon3[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-alt .jp-icon4[stroke] {
  stroke: var(--jp-layout-color4);
}

/* alt recolor the accent elements of an icon */
.jp-icon-alt .jp-icon-accent0[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon-alt .jp-icon-accent1[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon-alt .jp-icon-accent2[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon-alt .jp-icon-accent3[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon-alt .jp-icon-accent4[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon-alt .jp-icon-accent0[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon-alt .jp-icon-accent1[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon-alt .jp-icon-accent2[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon-alt .jp-icon-accent3[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon-alt .jp-icon-accent4[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-icon-hoverShow:not(:hover) .jp-icon-hoverShow-content {
  display: none !important;
}

/**
 * Support for hover colors for icons as inline SVG HTMLElements
 */

/**
 * regular colors
 */

/* recolor the primary elements of an icon */
.jp-icon-hover :hover .jp-icon0-hover[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon-hover :hover .jp-icon1-hover[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon-hover :hover .jp-icon2-hover[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon-hover :hover .jp-icon3-hover[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon-hover :hover .jp-icon4-hover[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon-hover :hover .jp-icon0-hover[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon-hover :hover .jp-icon1-hover[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon-hover :hover .jp-icon2-hover[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon-hover :hover .jp-icon3-hover[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon-hover :hover .jp-icon4-hover[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/* recolor the accent elements of an icon */
.jp-icon-hover :hover .jp-icon-accent0-hover[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-hover :hover .jp-icon-accent1-hover[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-hover :hover .jp-icon-accent2-hover[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-hover :hover .jp-icon-accent3-hover[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-hover :hover .jp-icon-accent4-hover[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-hover :hover .jp-icon-accent0-hover[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-hover :hover .jp-icon-accent1-hover[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-hover :hover .jp-icon-accent2-hover[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-hover :hover .jp-icon-accent3-hover[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-hover :hover .jp-icon-accent4-hover[stroke] {
  stroke: var(--jp-layout-color4);
}

/* set the color of an icon to transparent */
.jp-icon-hover :hover .jp-icon-none-hover[fill] {
  fill: none;
}

.jp-icon-hover :hover .jp-icon-none-hover[stroke] {
  stroke: none;
}

/**
 * inverse colors
 */

/* inverse recolor the primary elements of an icon */
.jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[stroke] {
  stroke: var(--jp-layout-color4);
}

/* inverse recolor the accent elements of an icon */
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-IFrame {
  width: 100%;
  height: 100%;
}

.jp-IFrame > iframe {
  border: none;
}

/*
When drag events occur, `lm-mod-override-cursor` is added to the body.
Because iframes steal all cursor events, the following two rules are necessary
to suppress pointer events while resize drags are occurring. There may be a
better solution to this problem.
*/
body.lm-mod-override-cursor .jp-IFrame {
  position: relative;
}

body.lm-mod-override-cursor .jp-IFrame::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-HoverBox {
  position: fixed;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-FormGroup-content fieldset {
  border: none;
  padding: 0;
  min-width: 0;
  width: 100%;
}

/* stylelint-disable selector-max-type */

.jp-FormGroup-content fieldset .jp-inputFieldWrapper input,
.jp-FormGroup-content fieldset .jp-inputFieldWrapper select,
.jp-FormGroup-content fieldset .jp-inputFieldWrapper textarea {
  font-size: var(--jp-content-font-size2);
  border-color: var(--jp-input-border-color);
  border-style: solid;
  border-radius: var(--jp-border-radius);
  border-width: 1px;
  padding: 6px 8px;
  background: none;
  color: var(--jp-ui-font-color0);
  height: inherit;
}

.jp-FormGroup-content fieldset input[type='checkbox'] {
  position: relative;
  top: 2px;
  margin-left: 0;
}

.jp-FormGroup-content button.jp-mod-styled {
  cursor: pointer;
}

.jp-FormGroup-content .checkbox label {
  cursor: pointer;
  font-size: var(--jp-content-font-size1);
}

.jp-FormGroup-content .jp-root > fieldset > legend {
  display: none;
}

.jp-FormGroup-content .jp-root > fieldset > p {
  display: none;
}

/** copy of `input.jp-mod-styled:focus` style */
.jp-FormGroup-content fieldset input:focus,
.jp-FormGroup-content fieldset select:focus {
  -moz-outline-radius: unset;
  outline: var(--jp-border-width) solid var(--md-blue-500);
  outline-offset: -1px;
  box-shadow: inset 0 0 4px var(--md-blue-300);
}

.jp-FormGroup-content fieldset input:hover:not(:focus),
.jp-FormGroup-content fieldset select:hover:not(:focus) {
  background-color: var(--jp-border-color2);
}

/* stylelint-enable selector-max-type */

.jp-FormGroup-content .checkbox .field-description {
  /* Disable default description field for checkbox:
   because other widgets do not have description fields,
   we add descriptions to each widget on the field level.
  */
  display: none;
}

.jp-FormGroup-content #root__description {
  display: none;
}

.jp-FormGroup-content .jp-modifiedIndicator {
  width: 5px;
  background-color: var(--jp-brand-color2);
  margin-top: 0;
  margin-left: calc(var(--jp-private-settingeditor-modifier-indent) * -1);
  flex-shrink: 0;
}

.jp-FormGroup-content .jp-modifiedIndicator.jp-errorIndicator {
  background-color: var(--jp-error-color0);
  margin-right: 0.5em;
}

/* RJSF ARRAY style */

.jp-arrayFieldWrapper legend {
  font-size: var(--jp-content-font-size2);
  color: var(--jp-ui-font-color0);
  flex-basis: 100%;
  padding: 4px 0;
  font-weight: var(--jp-content-heading-font-weight);
  border-bottom: 1px solid var(--jp-border-color2);
}

.jp-arrayFieldWrapper .field-description {
  padding: 4px 0;
  white-space: pre-wrap;
}

.jp-arrayFieldWrapper .array-item {
  width: 100%;
  border: 1px solid var(--jp-border-color2);
  border-radius: 4px;
  margin: 4px;
}

.jp-ArrayOperations {
  display: flex;
  margin-left: 8px;
}

.jp-ArrayOperationsButton {
  margin: 2px;
}

.jp-ArrayOperationsButton .jp-icon3[fill] {
  fill: var(--jp-ui-font-color0);
}

button.jp-ArrayOperationsButton.jp-mod-styled:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* RJSF form validation error */

.jp-FormGroup-content .validationErrors {
  color: var(--jp-error-color0);
}

/* Hide panel level error as duplicated the field level error */
.jp-FormGroup-content .panel.errors {
  display: none;
}

/* RJSF normal content (settings-editor) */

.jp-FormGroup-contentNormal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.jp-FormGroup-contentNormal .jp-FormGroup-contentItem {
  margin-left: 7px;
  color: var(--jp-ui-font-color0);
}

.jp-FormGroup-contentNormal .jp-FormGroup-description {
  flex-basis: 100%;
  padding: 4px 7px;
}

.jp-FormGroup-contentNormal .jp-FormGroup-default {
  flex-basis: 100%;
  padding: 4px 7px;
}

.jp-FormGroup-contentNormal .jp-FormGroup-fieldLabel {
  font-size: var(--jp-content-font-size1);
  font-weight: normal;
  min-width: 120px;
}

.jp-FormGroup-contentNormal fieldset:not(:first-child) {
  margin-left: 7px;
}

.jp-FormGroup-contentNormal .field-array-of-string .array-item {
  /* Display `jp-ArrayOperations` buttons side-by-side with content except
    for small screens where flex-wrap will place them one below the other.
  */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.jp-FormGroup-contentNormal .jp-objectFieldWrapper .form-group {
  padding: 2px 8px 2px var(--jp-private-settingeditor-modifier-indent);
  margin-top: 2px;
}

/* RJSF compact content (metadata-form) */

.jp-FormGroup-content.jp-FormGroup-contentCompact {
  width: 100%;
}

.jp-FormGroup-contentCompact .form-group {
  display: flex;
  padding: 0.5em 0.2em 0.5em 0;
}

.jp-FormGroup-contentCompact
  .jp-FormGroup-compactTitle
  .jp-FormGroup-description {
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color2);
}

.jp-FormGroup-contentCompact .jp-FormGroup-fieldLabel {
  padding-bottom: 0.3em;
}

.jp-FormGroup-contentCompact .jp-inputFieldWrapper .form-control {
  width: 100%;
  box-sizing: border-box;
}

.jp-FormGroup-contentCompact .jp-arrayFieldWrapper .jp-FormGroup-compactTitle {
  padding-bottom: 7px;
}

.jp-FormGroup-contentCompact
  .jp-objectFieldWrapper
  .jp-objectFieldWrapper
  .form-group {
  padding: 2px 8px 2px var(--jp-private-settingeditor-modifier-indent);
  margin-top: 2px;
}

.jp-FormGroup-contentCompact ul.error-detail {
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  padding-inline-start: 1em;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-SidePanel {
  display: flex;
  flex-direction: column;
  min-width: var(--jp-sidebar-min-width);
  overflow-y: auto;
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);
  font-size: var(--jp-ui-font-size1);
}

.jp-SidePanel-header {
  flex: 0 0 auto;
  display: flex;
  border-bottom: var(--jp-border-width) solid var(--jp-border-color2);
  font-size: var(--jp-ui-font-size0);
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 2px;
  text-transform: uppercase;
}

.jp-SidePanel-toolbar {
  flex: 0 0 auto;
}

.jp-SidePanel-content {
  flex: 1 1 auto;
}

.jp-SidePanel-toolbar,
.jp-AccordionPanel-toolbar {
  height: var(--jp-private-toolbar-height);
}

.jp-SidePanel-toolbar.jp-Toolbar-micro {
  display: none;
}

.lm-AccordionPanel .jp-AccordionPanel-title {
  box-sizing: border-box;
  line-height: 25px;
  margin: 0;
  display: flex;
  align-items: center;
  background: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  box-shadow: var(--jp-toolbar-box-shadow);
  font-size: var(--jp-ui-font-size0);
}

.jp-AccordionPanel-title {
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  text-transform: uppercase;
}

.lm-AccordionPanel[data-orientation='horizontal'] > .jp-AccordionPanel-title {
  /* Title is rotated for horizontal accordion panel using CSS */
  display: block;
  transform-origin: top left;
  transform: rotate(-90deg) translate(-100%);
}

.jp-AccordionPanel-title .lm-AccordionPanel-titleLabel {
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.jp-AccordionPanel-title .lm-AccordionPanel-titleCollapser {
  transform: rotate(-90deg);
  margin: auto 0;
  height: 16px;
}

.jp-AccordionPanel-title.lm-mod-expanded .lm-AccordionPanel-titleCollapser {
  transform: rotate(0deg);
}

.lm-AccordionPanel .jp-AccordionPanel-toolbar {
  background: none;
  box-shadow: none;
  border: none;
  margin-left: auto;
}

.lm-AccordionPanel .lm-SplitPanel-handle:hover {
  background: var(--jp-layout-color3);
}

.jp-text-truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Spinner {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--jp-layout-color0);
  outline: none;
}

.jp-SpinnerContent {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: var(--jp-brand-color3);
  background: linear-gradient(
    to right,
    #f37626 10%,
    rgba(255, 255, 255, 0) 42%
  );
  position: relative;
  animation: load3 1s infinite linear, fadeIn 1s;
}

.jp-SpinnerContent::before {
  width: 50%;
  height: 50%;
  background: #f37626;
  border-radius: 100% 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.jp-SpinnerContent::after {
  background: var(--jp-layout-color0);
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes load3 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

button.jp-mod-styled {
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color0);
  border: none;
  box-sizing: border-box;
  text-align: center;
  line-height: 32px;
  height: 32px;
  padding: 0 12px;
  letter-spacing: 0.8px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input.jp-mod-styled {
  background: var(--jp-input-background);
  height: 28px;
  box-sizing: border-box;
  border: var(--jp-border-width) solid var(--jp-border-color1);
  padding-left: 7px;
  padding-right: 7px;
  font-size: var(--jp-ui-font-size2);
  color: var(--jp-ui-font-color0);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='checkbox'].jp-mod-styled {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  height: auto;
}

input.jp-mod-styled:focus {
  border: var(--jp-border-width) solid var(--md-blue-500);
  box-shadow: inset 0 0 4px var(--md-blue-300);
}

.jp-select-wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 1px;
  background-color: var(--jp-layout-color1);
  box-sizing: border-box;
  margin-bottom: 12px;
}

.jp-select-wrapper:not(.multiple) {
  height: 28px;
}

.jp-select-wrapper.jp-mod-focused select.jp-mod-styled {
  border: var(--jp-border-width) solid var(--jp-input-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
  background-color: var(--jp-input-active-background);
}

select.jp-mod-styled:hover {
  cursor: pointer;
  color: var(--jp-ui-font-color0);
  background-color: var(--jp-input-hover-background);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}

select.jp-mod-styled {
  flex: 1 1 auto;
  width: 100%;
  font-size: var(--jp-ui-font-size2);
  background: var(--jp-input-background);
  color: var(--jp-ui-font-color0);
  padding: 0 25px 0 8px;
  border: var(--jp-border-width) solid var(--jp-input-border-color);
  border-radius: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.jp-mod-styled:not([multiple]) {
  height: 32px;
}

select.jp-mod-styled[multiple] {
  max-height: 200px;
  overflow-y: auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-switch {
  display: flex;
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  font-size: var(--jp-ui-font-size1);
  background-color: transparent;
  color: var(--jp-ui-font-color1);
  border: none;
  height: 20px;
}

.jp-switch:hover {
  background-color: var(--jp-layout-color2);
}

.jp-switch-label {
  margin-right: 5px;
  font-family: var(--jp-ui-font-family);
}

.jp-switch-track {
  cursor: pointer;
  background-color: var(--jp-switch-color, var(--jp-border-color1));
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
  height: 16px;
  width: 35px;
  position: relative;
}

.jp-switch-track::before {
  content: '';
  position: absolute;
  height: 10px;
  width: 10px;
  margin: 3px;
  left: 0;
  background-color: var(--jp-ui-inverse-font-color1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.jp-switch[aria-checked='true'] .jp-switch-track {
  background-color: var(--jp-switch-true-position-color, var(--jp-warn-color0));
}

.jp-switch[aria-checked='true'] .jp-switch-track::before {
  /* track width (35) - margins (3 + 3) - thumb width (10) */
  left: 19px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

:root {
  --jp-private-toolbar-height: calc(
    28px + var(--jp-border-width)
  ); /* leave 28px for content */
}

.jp-Toolbar {
  color: var(--jp-ui-font-color1);
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  box-shadow: var(--jp-toolbar-box-shadow);
  background: var(--jp-toolbar-background);
  min-height: var(--jp-toolbar-micro-height);
  padding: 2px;
  z-index: 8;
  overflow-x: hidden;
}

/* Toolbar items */

.jp-Toolbar > .jp-Toolbar-item.jp-Toolbar-spacer {
  flex-grow: 1;
  flex-shrink: 1;
}

.jp-Toolbar-item.jp-Toolbar-kernelStatus {
  display: inline-block;
  width: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.jp-Toolbar > .jp-Toolbar-item {
  flex: 0 0 auto;
  display: flex;
  padding-left: 1px;
  padding-right: 1px;
  font-size: var(--jp-ui-font-size1);
  line-height: var(--jp-private-toolbar-height);
  height: 100%;
}

/* Toolbar buttons */

/* This is the div we use to wrap the react component into a Widget */
div.jp-ToolbarButton {
  color: transparent;
  border: none;
  box-sizing: border-box;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  margin: 0;
}

button.jp-ToolbarButtonComponent {
  background: var(--jp-layout-color1);
  border: none;
  box-sizing: border-box;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 6px;
  margin: 0;
  height: 24px;
  border-radius: var(--jp-border-radius);
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
  min-width: unset;
  min-height: unset;
}

button.jp-ToolbarButtonComponent:disabled {
  opacity: 0.4;
}

button.jp-ToolbarButtonComponent > span {
  padding: 0;
  flex: 0 0 auto;
}

button.jp-ToolbarButtonComponent .jp-ToolbarButtonComponent-label {
  font-size: var(--jp-ui-font-size1);
  line-height: 100%;
  padding-left: 2px;
  color: var(--jp-ui-font-color1);
  font-family: var(--jp-ui-font-family);
}

#jp-main-dock-panel[data-mode='single-document']
  .jp-MainAreaWidget
  > .jp-Toolbar.jp-Toolbar-micro {
  padding: 0;
  min-height: 0;
}

#jp-main-dock-panel[data-mode='single-document']
  .jp-MainAreaWidget
  > .jp-Toolbar {
  border: none;
  box-shadow: none;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-WindowedPanel-outer {
  position: relative;
  overflow-y: auto;
}

.jp-WindowedPanel-inner {
  position: relative;
}

.jp-WindowedPanel-window {
  position: absolute;
  left: 0;
  right: 0;
  overflow: visible;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/* Sibling imports */

body {
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
}

/* Disable native link decoration styles everywhere outside of dialog boxes */
a {
  text-decoration: unset;
  color: unset;
}

a:hover {
  text-decoration: unset;
  color: unset;
}

/* Accessibility for links inside dialog box text */
.jp-Dialog-content a {
  text-decoration: revert;
  color: var(--jp-content-link-color);
}

.jp-Dialog-content a:hover {
  text-decoration: revert;
}

/* Styles for ui-components */
.jp-Button {
  color: var(--jp-ui-font-color2);
  border-radius: var(--jp-border-radius);
  padding: 0 12px;
  font-size: var(--jp-ui-font-size1);

  /* Copy from blueprint 3 */
  display: inline-flex;
  flex-direction: row;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-align: left;
  vertical-align: middle;
  min-height: 30px;
  min-width: 30px;
}

.jp-Button:disabled {
  cursor: not-allowed;
}

.jp-Button:empty {
  padding: 0 !important;
}

.jp-Button.jp-mod-small {
  min-height: 24px;
  min-width: 24px;
  font-size: 12px;
  padding: 0 7px;
}

/* Use our own theme for hover styles */
.jp-Button.jp-mod-minimal:hover {
  background-color: var(--jp-layout-color2);
}

.jp-Button.jp-mod-minimal {
  background: none;
}

.jp-InputGroup {
  display: block;
  position: relative;
}

.jp-InputGroup input {
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background-color: transparent;
  color: var(--jp-ui-font-color0);
  box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 28px;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  outline: none;
  vertical-align: middle;
}

.jp-InputGroup input:focus {
  box-shadow: inset 0 0 0 var(--jp-border-width)
      var(--jp-input-active-box-shadow-color),
    inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
}

.jp-InputGroup input:disabled {
  cursor: not-allowed;
  resize: block;
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color2);
}

.jp-InputGroup input:disabled ~ span {
  cursor: not-allowed;
  color: var(--jp-ui-font-color2);
}

.jp-InputGroup input::placeholder,
input::placeholder {
  color: var(--jp-ui-font-color2);
}

.jp-InputGroupAction {
  position: absolute;
  bottom: 1px;
  right: 0;
  padding: 6px;
}

.jp-HTMLSelect.jp-DefaultStyle select {
  background-color: initial;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: var(--jp-ui-font-color0);
  display: block;
  font-size: var(--jp-ui-font-size1);
  font-family: var(--jp-ui-font-family);
  height: 24px;
  line-height: 14px;
  padding: 0 25px 0 10px;
  text-align: left;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.jp-HTMLSelect.jp-DefaultStyle select:disabled {
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color2);
  cursor: not-allowed;
  resize: block;
}

.jp-HTMLSelect.jp-DefaultStyle select:disabled ~ span {
  cursor: not-allowed;
}

/* Use our own theme for hover and option styles */
/* stylelint-disable-next-line selector-max-type */
.jp-HTMLSelect.jp-DefaultStyle select:hover,
.jp-HTMLSelect.jp-DefaultStyle select > option {
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color0);
}

select {
  box-sizing: border-box;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Styles
|----------------------------------------------------------------------------*/

.jp-StatusBar-Widget {
  display: flex;
  align-items: center;
  background: var(--jp-layout-color2);
  min-height: var(--jp-statusbar-height);
  justify-content: space-between;
  padding: 0 10px;
}

.jp-StatusBar-Left {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.jp-StatusBar-Middle {
  display: flex;
  align-items: center;
}

.jp-StatusBar-Right {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.jp-StatusBar-Item {
  max-height: var(--jp-statusbar-height);
  margin: 0 2px;
  height: var(--jp-statusbar-height);
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--jp-ui-font-color1);
  padding: 0 6px;
}

.jp-mod-highlighted:hover {
  background-color: var(--jp-layout-color3);
}

.jp-mod-clicked {
  background-color: var(--jp-brand-color1);
}

.jp-mod-clicked:hover {
  background-color: var(--jp-brand-color0);
}

.jp-mod-clicked .jp-StatusBar-TextItem {
  color: var(--jp-ui-inverse-font-color1);
}

.jp-StatusBar-HoverItem {
  box-shadow: '0px 4px 4px rgba(0, 0, 0, 0.25)';
}

.jp-StatusBar-TextItem {
  font-size: var(--jp-ui-font-size1);
  font-family: var(--jp-ui-font-family);
  line-height: 24px;
  color: var(--jp-ui-font-color1);
}

.jp-StatusBar-GroupItem {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.jp-Statusbar-ProgressCircle svg {
  display: block;
  margin: 0 auto;
  width: 16px;
  height: 24px;
  align-self: normal;
}

.jp-Statusbar-ProgressCircle path {
  fill: var(--jp-inverse-layout-color3);
}

.jp-Statusbar-ProgressBar-progress-bar {
  height: 10px;
  width: 100px;
  border: solid 0.25px var(--jp-brand-color2);
  border-radius: 3px;
  overflow: hidden;
  align-self: center;
}

.jp-Statusbar-ProgressBar-progress-bar > div {
  background-color: var(--jp-brand-color2);
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  background-size: 40px 40px;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  text-align: center;
  animation: jp-Statusbar-ExecutionTime-progress-bar 2s linear infinite;
}

.jp-Statusbar-ProgressBar-progress-bar p {
  color: var(--jp-ui-font-color1);
  font-family: var(--jp-ui-font-family);
  font-size: var(--jp-ui-font-size1);
  line-height: 10px;
  width: 100px;
}

@keyframes jp-Statusbar-ExecutionTime-progress-bar {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 40px 40px;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

:root {
  --jp-private-commandpalette-search-height: 28px;
}

/*-----------------------------------------------------------------------------
| Overall styles
|----------------------------------------------------------------------------*/

.lm-CommandPalette {
  padding-bottom: 0;
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);

  /* This is needed so that all font sizing of children done in ems is
   * relative to this base size */
  font-size: var(--jp-ui-font-size1);
}

/*-----------------------------------------------------------------------------
| Modal variant
|----------------------------------------------------------------------------*/

.jp-ModalCommandPalette {
  position: absolute;
  z-index: 10000;
  top: 38px;
  left: 30%;
  margin: 0;
  padding: 4px;
  width: 40%;
  box-shadow: var(--jp-elevation-z4);
  border-radius: 4px;
  background: var(--jp-layout-color0);
}

.jp-ModalCommandPalette .lm-CommandPalette {
  max-height: 40vh;
}

.jp-ModalCommandPalette .lm-CommandPalette .lm-close-icon::after {
  display: none;
}

.jp-ModalCommandPalette .lm-CommandPalette .lm-CommandPalette-header {
  display: none;
}

.jp-ModalCommandPalette .lm-CommandPalette .lm-CommandPalette-item {
  margin-left: 4px;
  margin-right: 4px;
}

.jp-ModalCommandPalette
  .lm-CommandPalette
  .lm-CommandPalette-item.lm-mod-disabled {
  display: none;
}

/*-----------------------------------------------------------------------------
| Search
|----------------------------------------------------------------------------*/

.lm-CommandPalette-search {
  padding: 4px;
  background-color: var(--jp-layout-color1);
  z-index: 2;
}

.lm-CommandPalette-wrapper {
  overflow: overlay;
  padding: 0 9px;
  background-color: var(--jp-input-active-background);
  height: 30px;
  box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
}

.lm-CommandPalette.lm-mod-focused .lm-CommandPalette-wrapper {
  box-shadow: inset 0 0 0 1px var(--jp-input-active-box-shadow-color),
    inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
}

.jp-SearchIconGroup {
  color: white;
  background-color: var(--jp-brand-color1);
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 5px 5px 1px;
}

.jp-SearchIconGroup svg {
  height: 20px;
  width: 20px;
}

.jp-SearchIconGroup .jp-icon3[fill] {
  fill: var(--jp-layout-color0);
}

.lm-CommandPalette-input {
  background: transparent;
  width: calc(100% - 18px);
  float: left;
  border: none;
  outline: none;
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color0);
  line-height: var(--jp-private-commandpalette-search-height);
}

.lm-CommandPalette-input::-webkit-input-placeholder,
.lm-CommandPalette-input::-moz-placeholder,
.lm-CommandPalette-input:-ms-input-placeholder {
  color: var(--jp-ui-font-color2);
  font-size: var(--jp-ui-font-size1);
}

/*-----------------------------------------------------------------------------
| Results
|----------------------------------------------------------------------------*/

.lm-CommandPalette-header:first-child {
  margin-top: 0;
}

.lm-CommandPalette-header {
  border-bottom: solid var(--jp-border-width) var(--jp-border-color2);
  color: var(--jp-ui-font-color1);
  cursor: pointer;
  display: flex;
  font-size: var(--jp-ui-font-size0);
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 8px;
  padding: 8px 0 8px 12px;
  text-transform: uppercase;
}

.lm-CommandPalette-header.lm-mod-active {
  background: var(--jp-layout-color2);
}

.lm-CommandPalette-header > mark {
  background-color: transparent;
  font-weight: bold;
  color: var(--jp-ui-font-color1);
}

.lm-CommandPalette-item {
  padding: 4px 12px 4px 4px;
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  font-weight: 400;
  display: flex;
}

.lm-CommandPalette-item.lm-mod-disabled {
  color: var(--jp-ui-font-color2);
}

.lm-CommandPalette-item.lm-mod-active {
  color: var(--jp-ui-inverse-font-color1);
  background: var(--jp-brand-color1);
}

.lm-CommandPalette-item.lm-mod-active .lm-CommandPalette-itemLabel > mark {
  color: var(--jp-ui-inverse-font-color0);
}

.lm-CommandPalette-item.lm-mod-active .jp-icon-selectable[fill] {
  fill: var(--jp-layout-color0);
}

.lm-CommandPalette-item.lm-mod-active:hover:not(.lm-mod-disabled) {
  color: var(--jp-ui-inverse-font-color1);
  background: var(--jp-brand-color1);
}

.lm-CommandPalette-item:hover:not(.lm-mod-active):not(.lm-mod-disabled) {
  background: var(--jp-layout-color2);
}

.lm-CommandPalette-itemContent {
  overflow: hidden;
}

.lm-CommandPalette-itemLabel > mark {
  color: var(--jp-ui-font-color0);
  background-color: transparent;
  font-weight: bold;
}

.lm-CommandPalette-item.lm-mod-disabled mark {
  color: var(--jp-ui-font-color2);
}

.lm-CommandPalette-item .lm-CommandPalette-itemIcon {
  margin: 0 4px 0 0;
  position: relative;
  width: 16px;
  top: 2px;
  flex: 0 0 auto;
}

.lm-CommandPalette-item.lm-mod-disabled .lm-CommandPalette-itemIcon {
  opacity: 0.6;
}

.lm-CommandPalette-item .lm-CommandPalette-itemShortcut {
  flex: 0 0 auto;
}

.lm-CommandPalette-itemCaption {
  display: none;
}

.lm-CommandPalette-content {
  background-color: var(--jp-layout-color1);
}

.lm-CommandPalette-content:empty::after {
  content: 'No results';
  margin: auto;
  margin-top: 20px;
  width: 100px;
  display: block;
  font-size: var(--jp-ui-font-size2);
  font-family: var(--jp-ui-font-family);
  font-weight: lighter;
}

.lm-CommandPalette-emptyMessage {
  text-align: center;
  margin-top: 24px;
  line-height: 1.32;
  padding: 0 8px;
  color: var(--jp-content-font-color3);
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Dialog {
  position: absolute;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: var(--jp-dialog-background);
}

.jp-Dialog-content {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  background: var(--jp-layout-color1);
  padding: 24px 24px 12px;
  min-width: 300px;
  min-height: 150px;
  max-width: 1000px;
  max-height: 500px;
  box-sizing: border-box;
  box-shadow: var(--jp-elevation-z20);
  word-wrap: break-word;
  border-radius: var(--jp-border-radius);

  /* This is needed so that all font sizing of children done in ems is
   * relative to this base size */
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color1);
  resize: both;
}

.jp-Dialog-content.jp-Dialog-content-small {
  max-width: 500px;
}

.jp-Dialog-button {
  overflow: visible;
}

button.jp-Dialog-button:focus {
  outline: 1px solid var(--jp-brand-color1);
  outline-offset: 4px;
  -moz-outline-radius: 0;
}

button.jp-Dialog-button:focus::-moz-focus-inner {
  border: 0;
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-accept:focus,
button.jp-Dialog-button.jp-mod-styled.jp-mod-warn:focus,
button.jp-Dialog-button.jp-mod-styled.jp-mod-reject:focus {
  outline-offset: 4px;
  -moz-outline-radius: 0;
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-accept:focus {
  outline: 1px solid var(--jp-accept-color-normal, var(--jp-brand-color1));
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-warn:focus {
  outline: 1px solid var(--jp-warn-color-normal, var(--jp-error-color1));
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-reject:focus {
  outline: 1px solid var(--jp-reject-color-normal, var(--md-grey-600));
}

button.jp-Dialog-close-button {
  padding: 0;
  height: 100%;
  min-width: unset;
  min-height: unset;
}

.jp-Dialog-header {
  display: flex;
  justify-content: space-between;
  flex: 0 0 auto;
  padding-bottom: 12px;
  font-size: var(--jp-ui-font-size3);
  font-weight: 400;
  color: var(--jp-ui-font-color1);
}

.jp-Dialog-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  font-size: var(--jp-ui-font-size1);
  background: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  overflow: auto;
}

.jp-Dialog-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 auto;
  margin-left: -12px;
  margin-right: -12px;
  padding: 12px;
}

.jp-Dialog-checkbox {
  padding-right: 5px;
}

.jp-Dialog-checkbox > input:focus-visible {
  outline: 1px solid var(--jp-input-active-border-color);
  outline-offset: 1px;
}

.jp-Dialog-spacer {
  flex: 1 1 auto;
}

.jp-Dialog-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jp-Dialog-body > .jp-select-wrapper {
  width: 100%;
}

.jp-Dialog-body > button {
  padding: 0 16px;
}

.jp-Dialog-body > label {
  line-height: 1.4;
  color: var(--jp-ui-font-color0);
}

.jp-Dialog-button.jp-mod-styled:not(:last-child) {
  margin-right: 12px;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-Input-Boolean-Dialog {
  flex-direction: row-reverse;
  align-items: end;
  width: 100%;
}

.jp-Input-Boolean-Dialog > label {
  flex: 1 1 auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-MainAreaWidget > :focus {
  outline: none;
}

.jp-MainAreaWidget .jp-MainAreaWidget-error {
  padding: 6px;
}

.jp-MainAreaWidget .jp-MainAreaWidget-error > pre {
  width: auto;
  padding: 10px;
  background: var(--jp-error-color3);
  border: var(--jp-border-width) solid var(--jp-error-color1);
  border-radius: var(--jp-border-radius);
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/**
 * google-material-color v1.2.6
 * https://github.com/danlevan/google-material-color
 */
:root {
  --md-red-50: #ffebee;
  --md-red-100: #ffcdd2;
  --md-red-200: #ef9a9a;
  --md-red-300: #e57373;
  --md-red-400: #ef5350;
  --md-red-500: #f44336;
  --md-red-600: #e53935;
  --md-red-700: #d32f2f;
  --md-red-800: #c62828;
  --md-red-900: #b71c1c;
  --md-red-A100: #ff8a80;
  --md-red-A200: #ff5252;
  --md-red-A400: #ff1744;
  --md-red-A700: #d50000;
  --md-pink-50: #fce4ec;
  --md-pink-100: #f8bbd0;
  --md-pink-200: #f48fb1;
  --md-pink-300: #f06292;
  --md-pink-400: #ec407a;
  --md-pink-500: #e91e63;
  --md-pink-600: #d81b60;
  --md-pink-700: #c2185b;
  --md-pink-800: #ad1457;
  --md-pink-900: #880e4f;
  --md-pink-A100: #ff80ab;
  --md-pink-A200: #ff4081;
  --md-pink-A400: #f50057;
  --md-pink-A700: #c51162;
  --md-purple-50: #f3e5f5;
  --md-purple-100: #e1bee7;
  --md-purple-200: #ce93d8;
  --md-purple-300: #ba68c8;
  --md-purple-400: #ab47bc;
  --md-purple-500: #9c27b0;
  --md-purple-600: #8e24aa;
  --md-purple-700: #7b1fa2;
  --md-purple-800: #6a1b9a;
  --md-purple-900: #4a148c;
  --md-purple-A100: #ea80fc;
  --md-purple-A200: #e040fb;
  --md-purple-A400: #d500f9;
  --md-purple-A700: #a0f;
  --md-deep-purple-50: #ede7f6;
  --md-deep-purple-100: #d1c4e9;
  --md-deep-purple-200: #b39ddb;
  --md-deep-purple-300: #9575cd;
  --md-deep-purple-400: #7e57c2;
  --md-deep-purple-500: #673ab7;
  --md-deep-purple-600: #5e35b1;
  --md-deep-purple-700: #512da8;
  --md-deep-purple-800: #4527a0;
  --md-deep-purple-900: #311b92;
  --md-deep-purple-A100: #b388ff;
  --md-deep-purple-A200: #7c4dff;
  --md-deep-purple-A400: #651fff;
  --md-deep-purple-A700: #6200ea;
  --md-indigo-50: #e8eaf6;
  --md-indigo-100: #c5cae9;
  --md-indigo-200: #9fa8da;
  --md-indigo-300: #7986cb;
  --md-indigo-400: #5c6bc0;
  --md-indigo-500: #3f51b5;
  --md-indigo-600: #3949ab;
  --md-indigo-700: #303f9f;
  --md-indigo-800: #283593;
  --md-indigo-900: #1a237e;
  --md-indigo-A100: #8c9eff;
  --md-indigo-A200: #536dfe;
  --md-indigo-A400: #3d5afe;
  --md-indigo-A700: #304ffe;
  --md-blue-50: #e3f2fd;
  --md-blue-100: #bbdefb;
  --md-blue-200: #90caf9;
  --md-blue-300: #64b5f6;
  --md-blue-400: #42a5f5;
  --md-blue-500: #2196f3;
  --md-blue-600: #1e88e5;
  --md-blue-700: #1976d2;
  --md-blue-800: #1565c0;
  --md-blue-900: #0d47a1;
  --md-blue-A100: #82b1ff;
  --md-blue-A200: #448aff;
  --md-blue-A400: #2979ff;
  --md-blue-A700: #2962ff;
  --md-light-blue-50: #e1f5fe;
  --md-light-blue-100: #b3e5fc;
  --md-light-blue-200: #81d4fa;
  --md-light-blue-300: #4fc3f7;
  --md-light-blue-400: #29b6f6;
  --md-light-blue-500: #03a9f4;
  --md-light-blue-600: #039be5;
  --md-light-blue-700: #0288d1;
  --md-light-blue-800: #0277bd;
  --md-light-blue-900: #01579b;
  --md-light-blue-A100: #80d8ff;
  --md-light-blue-A200: #40c4ff;
  --md-light-blue-A400: #00b0ff;
  --md-light-blue-A700: #0091ea;
  --md-cyan-50: #e0f7fa;
  --md-cyan-100: #b2ebf2;
  --md-cyan-200: #80deea;
  --md-cyan-300: #4dd0e1;
  --md-cyan-400: #26c6da;
  --md-cyan-500: #00bcd4;
  --md-cyan-600: #00acc1;
  --md-cyan-700: #0097a7;
  --md-cyan-800: #00838f;
  --md-cyan-900: #006064;
  --md-cyan-A100: #84ffff;
  --md-cyan-A200: #18ffff;
  --md-cyan-A400: #00e5ff;
  --md-cyan-A700: #00b8d4;
  --md-teal-50: #e0f2f1;
  --md-teal-100: #b2dfdb;
  --md-teal-200: #80cbc4;
  --md-teal-300: #4db6ac;
  --md-teal-400: #26a69a;
  --md-teal-500: #009688;
  --md-teal-600: #00897b;
  --md-teal-700: #00796b;
  --md-teal-800: #00695c;
  --md-teal-900: #004d40;
  --md-teal-A100: #a7ffeb;
  --md-teal-A200: #64ffda;
  --md-teal-A400: #1de9b6;
  --md-teal-A700: #00bfa5;
  --md-green-50: #e8f5e9;
  --md-green-100: #c8e6c9;
  --md-green-200: #a5d6a7;
  --md-green-300: #81c784;
  --md-green-400: #66bb6a;
  --md-green-500: #4caf50;
  --md-green-600: #43a047;
  --md-green-700: #388e3c;
  --md-green-800: #2e7d32;
  --md-green-900: #1b5e20;
  --md-green-A100: #b9f6ca;
  --md-green-A200: #69f0ae;
  --md-green-A400: #00e676;
  --md-green-A700: #00c853;
  --md-light-green-50: #f1f8e9;
  --md-light-green-100: #dcedc8;
  --md-light-green-200: #c5e1a5;
  --md-light-green-300: #aed581;
  --md-light-green-400: #9ccc65;
  --md-light-green-500: #8bc34a;
  --md-light-green-600: #7cb342;
  --md-light-green-700: #689f38;
  --md-light-green-800: #558b2f;
  --md-light-green-900: #33691e;
  --md-light-green-A100: #ccff90;
  --md-light-green-A200: #b2ff59;
  --md-light-green-A400: #76ff03;
  --md-light-green-A700: #64dd17;
  --md-lime-50: #f9fbe7;
  --md-lime-100: #f0f4c3;
  --md-lime-200: #e6ee9c;
  --md-lime-300: #dce775;
  --md-lime-400: #d4e157;
  --md-lime-500: #cddc39;
  --md-lime-600: #c0ca33;
  --md-lime-700: #afb42b;
  --md-lime-800: #9e9d24;
  --md-lime-900: #827717;
  --md-lime-A100: #f4ff81;
  --md-lime-A200: #eeff41;
  --md-lime-A400: #c6ff00;
  --md-lime-A700: #aeea00;
  --md-yellow-50: #fffde7;
  --md-yellow-100: #fff9c4;
  --md-yellow-200: #fff59d;
  --md-yellow-300: #fff176;
  --md-yellow-400: #ffee58;
  --md-yellow-500: #ffeb3b;
  --md-yellow-600: #fdd835;
  --md-yellow-700: #fbc02d;
  --md-yellow-800: #f9a825;
  --md-yellow-900: #f57f17;
  --md-yellow-A100: #ffff8d;
  --md-yellow-A200: #ff0;
  --md-yellow-A400: #ffea00;
  --md-yellow-A700: #ffd600;
  --md-amber-50: #fff8e1;
  --md-amber-100: #ffecb3;
  --md-amber-200: #ffe082;
  --md-amber-300: #ffd54f;
  --md-amber-400: #ffca28;
  --md-amber-500: #ffc107;
  --md-amber-600: #ffb300;
  --md-amber-700: #ffa000;
  --md-amber-800: #ff8f00;
  --md-amber-900: #ff6f00;
  --md-amber-A100: #ffe57f;
  --md-amber-A200: #ffd740;
  --md-amber-A400: #ffc400;
  --md-amber-A700: #ffab00;
  --md-orange-50: #fff3e0;
  --md-orange-100: #ffe0b2;
  --md-orange-200: #ffcc80;
  --md-orange-300: #ffb74d;
  --md-orange-400: #ffa726;
  --md-orange-500: #ff9800;
  --md-orange-600: #fb8c00;
  --md-orange-700: #f57c00;
  --md-orange-800: #ef6c00;
  --md-orange-900: #e65100;
  --md-orange-A100: #ffd180;
  --md-orange-A200: #ffab40;
  --md-orange-A400: #ff9100;
  --md-orange-A700: #ff6d00;
  --md-deep-orange-50: #fbe9e7;
  --md-deep-orange-100: #ffccbc;
  --md-deep-orange-200: #ffab91;
  --md-deep-orange-300: #ff8a65;
  --md-deep-orange-400: #ff7043;
  --md-deep-orange-500: #ff5722;
  --md-deep-orange-600: #f4511e;
  --md-deep-orange-700: #e64a19;
  --md-deep-orange-800: #d84315;
  --md-deep-orange-900: #bf360c;
  --md-deep-orange-A100: #ff9e80;
  --md-deep-orange-A200: #ff6e40;
  --md-deep-orange-A400: #ff3d00;
  --md-deep-orange-A700: #dd2c00;
  --md-brown-50: #efebe9;
  --md-brown-100: #d7ccc8;
  --md-brown-200: #bcaaa4;
  --md-brown-300: #a1887f;
  --md-brown-400: #8d6e63;
  --md-brown-500: #795548;
  --md-brown-600: #6d4c41;
  --md-brown-700: #5d4037;
  --md-brown-800: #4e342e;
  --md-brown-900: #3e2723;
  --md-grey-50: #fafafa;
  --md-grey-100: #f5f5f5;
  --md-grey-200: #eee;
  --md-grey-300: #e0e0e0;
  --md-grey-400: #bdbdbd;
  --md-grey-500: #9e9e9e;
  --md-grey-600: #757575;
  --md-grey-700: #616161;
  --md-grey-800: #424242;
  --md-grey-900: #212121;
  --md-blue-grey-50: #eceff1;
  --md-blue-grey-100: #cfd8dc;
  --md-blue-grey-200: #b0bec5;
  --md-blue-grey-300: #90a4ae;
  --md-blue-grey-400: #78909c;
  --md-blue-grey-500: #607d8b;
  --md-blue-grey-600: #546e7a;
  --md-blue-grey-700: #455a64;
  --md-blue-grey-800: #37474f;
  --md-blue-grey-900: #263238;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| RenderedText
|----------------------------------------------------------------------------*/

:root {
  /* This is the padding value to fill the gaps between lines containing spans with background color. */
  --jp-private-code-span-padding: calc(
    (var(--jp-code-line-height) - 1) * var(--jp-code-font-size) / 2
  );
}

.jp-RenderedText {
  text-align: left;
  padding-left: var(--jp-code-padding);
  line-height: var(--jp-code-line-height);
  font-family: var(--jp-code-font-family);
}

.jp-RenderedText pre,
.jp-RenderedJavaScript pre,
.jp-RenderedHTMLCommon pre {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-code-font-size);
  border: none;
  margin: 0;
  padding: 0;
}

.jp-RenderedText pre a:link {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

.jp-RenderedText pre a:hover {
  text-decoration: underline;
  color: var(--jp-content-link-color);
}

.jp-RenderedText pre a:visited {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

/* console foregrounds and backgrounds */
.jp-RenderedText pre .ansi-black-fg {
  color: #3e424d;
}

.jp-RenderedText pre .ansi-red-fg {
  color: #e75c58;
}

.jp-RenderedText pre .ansi-green-fg {
  color: #00a250;
}

.jp-RenderedText pre .ansi-yellow-fg {
  color: #ddb62b;
}

.jp-RenderedText pre .ansi-blue-fg {
  color: #208ffb;
}

.jp-RenderedText pre .ansi-magenta-fg {
  color: #d160c4;
}

.jp-RenderedText pre .ansi-cyan-fg {
  color: #60c6c8;
}

.jp-RenderedText pre .ansi-white-fg {
  color: #c5c1b4;
}

.jp-RenderedText pre .ansi-black-bg {
  background-color: #3e424d;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-red-bg {
  background-color: #e75c58;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-green-bg {
  background-color: #00a250;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-yellow-bg {
  background-color: #ddb62b;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-blue-bg {
  background-color: #208ffb;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-magenta-bg {
  background-color: #d160c4;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-cyan-bg {
  background-color: #60c6c8;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-white-bg {
  background-color: #c5c1b4;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-black-intense-fg {
  color: #282c36;
}

.jp-RenderedText pre .ansi-red-intense-fg {
  color: #b22b31;
}

.jp-RenderedText pre .ansi-green-intense-fg {
  color: #007427;
}

.jp-RenderedText pre .ansi-yellow-intense-fg {
  color: #b27d12;
}

.jp-RenderedText pre .ansi-blue-intense-fg {
  color: #0065ca;
}

.jp-RenderedText pre .ansi-magenta-intense-fg {
  color: #a03196;
}

.jp-RenderedText pre .ansi-cyan-intense-fg {
  color: #258f8f;
}

.jp-RenderedText pre .ansi-white-intense-fg {
  color: #a1a6b2;
}

.jp-RenderedText pre .ansi-black-intense-bg {
  background-color: #282c36;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-red-intense-bg {
  background-color: #b22b31;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-green-intense-bg {
  background-color: #007427;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-yellow-intense-bg {
  background-color: #b27d12;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-blue-intense-bg {
  background-color: #0065ca;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-magenta-intense-bg {
  background-color: #a03196;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-cyan-intense-bg {
  background-color: #258f8f;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-white-intense-bg {
  background-color: #a1a6b2;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-default-inverse-fg {
  color: var(--jp-ui-inverse-font-color0);
}

.jp-RenderedText pre .ansi-default-inverse-bg {
  background-color: var(--jp-inverse-layout-color0);
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-bold {
  font-weight: bold;
}

.jp-RenderedText pre .ansi-underline {
  text-decoration: underline;
}

.jp-RenderedText[data-mime-type='application/vnd.jupyter.stderr'] {
  background: var(--jp-rendermime-error-background);
  padding-top: var(--jp-code-padding);
}

/*-----------------------------------------------------------------------------
| RenderedLatex
|----------------------------------------------------------------------------*/

.jp-RenderedLatex {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-content-font-size1);
  line-height: var(--jp-content-line-height);
}

/* Left-justify outputs.*/
.jp-OutputArea-output.jp-RenderedLatex {
  padding: var(--jp-code-padding);
  text-align: left;
}

/*-----------------------------------------------------------------------------
| RenderedHTML
|----------------------------------------------------------------------------*/

.jp-RenderedHTMLCommon {
  color: var(--jp-content-font-color1);
  font-family: var(--jp-content-font-family);
  font-size: var(--jp-content-font-size1);
  line-height: var(--jp-content-line-height);

  /* Give a bit more R padding on Markdown text to keep line lengths reasonable */
  padding-right: 20px;
}

.jp-RenderedHTMLCommon em {
  font-style: italic;
}

.jp-RenderedHTMLCommon strong {
  font-weight: bold;
}

.jp-RenderedHTMLCommon u {
  text-decoration: underline;
}

.jp-RenderedHTMLCommon a:link {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

.jp-RenderedHTMLCommon a:hover {
  text-decoration: underline;
  color: var(--jp-content-link-color);
}

.jp-RenderedHTMLCommon a:visited {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

/* Headings */

.jp-RenderedHTMLCommon h1,
.jp-RenderedHTMLCommon h2,
.jp-RenderedHTMLCommon h3,
.jp-RenderedHTMLCommon h4,
.jp-RenderedHTMLCommon h5,
.jp-RenderedHTMLCommon h6 {
  line-height: var(--jp-content-heading-line-height);
  font-weight: var(--jp-content-heading-font-weight);
  font-style: normal;
  margin: var(--jp-content-heading-margin-top) 0
    var(--jp-content-heading-margin-bottom) 0;
}

.jp-RenderedHTMLCommon h1:first-child,
.jp-RenderedHTMLCommon h2:first-child,
.jp-RenderedHTMLCommon h3:first-child,
.jp-RenderedHTMLCommon h4:first-child,
.jp-RenderedHTMLCommon h5:first-child,
.jp-RenderedHTMLCommon h6:first-child {
  margin-top: calc(0.5 * var(--jp-content-heading-margin-top));
}

.jp-RenderedHTMLCommon h1:last-child,
.jp-RenderedHTMLCommon h2:last-child,
.jp-RenderedHTMLCommon h3:last-child,
.jp-RenderedHTMLCommon h4:last-child,
.jp-RenderedHTMLCommon h5:last-child,
.jp-RenderedHTMLCommon h6:last-child {
  margin-bottom: calc(0.5 * var(--jp-content-heading-margin-bottom));
}

.jp-RenderedHTMLCommon h1 {
  font-size: var(--jp-content-font-size5);
}

.jp-RenderedHTMLCommon h2 {
  font-size: var(--jp-content-font-size4);
}

.jp-RenderedHTMLCommon h3 {
  font-size: var(--jp-content-font-size3);
}

.jp-RenderedHTMLCommon h4 {
  font-size: var(--jp-content-font-size2);
}

.jp-RenderedHTMLCommon h5 {
  font-size: var(--jp-content-font-size1);
}

.jp-RenderedHTMLCommon h6 {
  font-size: var(--jp-content-font-size0);
}

/* Lists */

/* stylelint-disable selector-max-type, selector-max-compound-selectors */

.jp-RenderedHTMLCommon ul:not(.list-inline),
.jp-RenderedHTMLCommon ol:not(.list-inline) {
  padding-left: 2em;
}

.jp-RenderedHTMLCommon ul {
  list-style: disc;
}

.jp-RenderedHTMLCommon ul ul {
  list-style: square;
}

.jp-RenderedHTMLCommon ul ul ul {
  list-style: circle;
}

.jp-RenderedHTMLCommon ol {
  list-style: decimal;
}

.jp-RenderedHTMLCommon ol ol {
  list-style: upper-alpha;
}

.jp-RenderedHTMLCommon ol ol ol {
  list-style: lower-alpha;
}

.jp-RenderedHTMLCommon ol ol ol ol {
  list-style: lower-roman;
}

.jp-RenderedHTMLCommon ol ol ol ol ol {
  list-style: decimal;
}

.jp-RenderedHTMLCommon ol,
.jp-RenderedHTMLCommon ul {
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon ul ul,
.jp-RenderedHTMLCommon ul ol,
.jp-RenderedHTMLCommon ol ul,
.jp-RenderedHTMLCommon ol ol {
  margin-bottom: 0;
}

/* stylelint-enable selector-max-type, selector-max-compound-selectors */

.jp-RenderedHTMLCommon hr {
  color: var(--jp-border-color2);
  background-color: var(--jp-border-color1);
  margin-top: 1em;
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon > pre {
  margin: 1.5em 2em;
}

.jp-RenderedHTMLCommon pre,
.jp-RenderedHTMLCommon code {
  border: 0;
  background-color: var(--jp-layout-color0);
  color: var(--jp-content-font-color1);
  font-family: var(--jp-code-font-family);
  font-size: inherit;
  line-height: var(--jp-code-line-height);
  padding: 0;
  white-space: pre-wrap;
}

.jp-RenderedHTMLCommon :not(pre) > code {
  background-color: var(--jp-layout-color2);
  padding: 1px 5px;
}

/* Tables */

.jp-RenderedHTMLCommon table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  table-layout: fixed;
  margin-left: auto;
  margin-bottom: 1em;
  margin-right: auto;
}

.jp-RenderedHTMLCommon thead {
  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
  vertical-align: bottom;
}

.jp-RenderedHTMLCommon td,
.jp-RenderedHTMLCommon th,
.jp-RenderedHTMLCommon tr {
  vertical-align: middle;
  padding: 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: none;
}

.jp-RenderedMarkdown.jp-RenderedHTMLCommon td,
.jp-RenderedMarkdown.jp-RenderedHTMLCommon th {
  max-width: none;
}

:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon td,
:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon th,
:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon tr {
  text-align: right;
}

.jp-RenderedHTMLCommon th {
  font-weight: bold;
}

.jp-RenderedHTMLCommon tbody tr:nth-child(odd) {
  background: var(--jp-layout-color0);
}

.jp-RenderedHTMLCommon tbody tr:nth-child(even) {
  background: var(--jp-rendermime-table-row-background);
}

.jp-RenderedHTMLCommon tbody tr:hover {
  background: var(--jp-rendermime-table-row-hover-background);
}

.jp-RenderedHTMLCommon p {
  text-align: left;
  margin: 0;
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon img {
  -moz-force-broken-image-icon: 1;
}

/* Restrict to direct children as other images could be nested in other content. */
.jp-RenderedHTMLCommon > img {
  display: block;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
}

/* Change color behind transparent images if they need it... */
[data-jp-theme-light='false'] .jp-RenderedImage img.jp-needs-light-background {
  background-color: var(--jp-inverse-layout-color1);
}

[data-jp-theme-light='true'] .jp-RenderedImage img.jp-needs-dark-background {
  background-color: var(--jp-inverse-layout-color1);
}

.jp-RenderedHTMLCommon img,
.jp-RenderedImage img,
.jp-RenderedHTMLCommon svg,
.jp-RenderedSVG svg {
  max-width: 100%;
  height: auto;
}

.jp-RenderedHTMLCommon img.jp-mod-unconfined,
.jp-RenderedImage img.jp-mod-unconfined,
.jp-RenderedHTMLCommon svg.jp-mod-unconfined,
.jp-RenderedSVG svg.jp-mod-unconfined {
  max-width: none;
}

.jp-RenderedHTMLCommon .alert {
  padding: var(--jp-notebook-padding);
  border: var(--jp-border-width) solid transparent;
  border-radius: var(--jp-border-radius);
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon .alert-info {
  color: var(--jp-info-color0);
  background-color: var(--jp-info-color3);
  border-color: var(--jp-info-color2);
}

.jp-RenderedHTMLCommon .alert-info hr {
  border-color: var(--jp-info-color3);
}

.jp-RenderedHTMLCommon .alert-info > p:last-child,
.jp-RenderedHTMLCommon .alert-info > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon .alert-warning {
  color: var(--jp-warn-color0);
  background-color: var(--jp-warn-color3);
  border-color: var(--jp-warn-color2);
}

.jp-RenderedHTMLCommon .alert-warning hr {
  border-color: var(--jp-warn-color3);
}

.jp-RenderedHTMLCommon .alert-warning > p:last-child,
.jp-RenderedHTMLCommon .alert-warning > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon .alert-success {
  color: var(--jp-success-color0);
  background-color: var(--jp-success-color3);
  border-color: var(--jp-success-color2);
}

.jp-RenderedHTMLCommon .alert-success hr {
  border-color: var(--jp-success-color3);
}

.jp-RenderedHTMLCommon .alert-success > p:last-child,
.jp-RenderedHTMLCommon .alert-success > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon .alert-danger {
  color: var(--jp-error-color0);
  background-color: var(--jp-error-color3);
  border-color: var(--jp-error-color2);
}

.jp-RenderedHTMLCommon .alert-danger hr {
  border-color: var(--jp-error-color3);
}

.jp-RenderedHTMLCommon .alert-danger > p:last-child,
.jp-RenderedHTMLCommon .alert-danger > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon blockquote {
  margin: 1em 2em;
  padding: 0 1em;
  border-left: 5px solid var(--jp-border-color2);
}

a.jp-InternalAnchorLink {
  visibility: hidden;
  margin-left: 8px;
  color: var(--md-blue-800);
}

h1:hover .jp-InternalAnchorLink,
h2:hover .jp-InternalAnchorLink,
h3:hover .jp-InternalAnchorLink,
h4:hover .jp-InternalAnchorLink,
h5:hover .jp-InternalAnchorLink,
h6:hover .jp-InternalAnchorLink {
  visibility: visible;
}

.jp-RenderedHTMLCommon kbd {
  background-color: var(--jp-rendermime-table-row-background);
  border: 1px solid var(--jp-border-color0);
  border-bottom-color: var(--jp-border-color2);
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  display: inline-block;
  font-size: var(--jp-ui-font-size0);
  line-height: 1em;
  padding: 0.2em 0.5em;
}

/* Most direct children of .jp-RenderedHTMLCommon have a margin-bottom of 1.0.
 * At the bottom of cells this is a bit too much as there is also spacing
 * between cells. Going all the way to 0 gets too tight between markdown and
 * code cells.
 */
.jp-RenderedHTMLCommon > *:last-child {
  margin-bottom: 0.5em;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-cursor-backdrop {
  position: fixed;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  will-change: transform;
  z-index: 100;
}

.lm-mod-drag-image {
  will-change: transform;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-lineFormSearch {
  padding: 4px 12px;
  background-color: var(--jp-layout-color2);
  box-shadow: var(--jp-toolbar-box-shadow);
  z-index: 2;
  font-size: var(--jp-ui-font-size1);
}

.jp-lineFormCaption {
  font-size: var(--jp-ui-font-size0);
  line-height: var(--jp-ui-font-size1);
  margin-top: 4px;
  color: var(--jp-ui-font-color0);
}

.jp-baseLineForm {
  border: none;
  border-radius: 0;
  position: absolute;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  outline: none;
}

.jp-lineFormButtonContainer {
  top: 4px;
  right: 8px;
  height: 24px;
  padding: 0 12px;
  width: 12px;
}

.jp-lineFormButtonIcon {
  top: 0;
  right: 0;
  background-color: var(--jp-brand-color1);
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 4px 6px;
}

.jp-lineFormButton {
  top: 0;
  right: 0;
  background-color: transparent;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.jp-lineFormWrapper {
  overflow: hidden;
  padding: 0 8px;
  border: 1px solid var(--jp-border-color0);
  background-color: var(--jp-input-active-background);
  height: 22px;
}

.jp-lineFormWrapperFocusWithin {
  border: var(--jp-border-width) solid var(--md-blue-500);
  box-shadow: inset 0 0 4px var(--md-blue-300);
}

.jp-lineFormInput {
  background: transparent;
  width: 200px;
  height: 100%;
  border: none;
  outline: none;
  color: var(--jp-ui-font-color0);
  line-height: 28px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-JSONEditor {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.jp-JSONEditor-host {
  flex: 1 1 auto;
  border: var(--jp-border-width) solid var(--jp-input-border-color);
  border-radius: 0;
  background: var(--jp-layout-color0);
  min-height: 50px;
  padding: 1px;
}

.jp-JSONEditor.jp-mod-error .jp-JSONEditor-host {
  border-color: red;
  outline-color: red;
}

.jp-JSONEditor-header {
  display: flex;
  flex: 1 0 auto;
  padding: 0 0 0 12px;
}

.jp-JSONEditor-header label {
  flex: 0 0 auto;
}

.jp-JSONEditor-commitButton {
  height: 16px;
  width: 16px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.jp-JSONEditor-host.jp-mod-focused {
  background-color: var(--jp-input-active-background);
  border: 1px solid var(--jp-input-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
}

.jp-Editor.jp-mod-dropTarget {
  border: var(--jp-border-width) solid var(--jp-input-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/
.jp-DocumentSearch-input {
  border: none;
  outline: none;
  color: var(--jp-ui-font-color0);
  font-size: var(--jp-ui-font-size1);
  background-color: var(--jp-layout-color0);
  font-family: var(--jp-ui-font-family);
  padding: 2px 1px;
  resize: none;
}

.jp-DocumentSearch-overlay {
  position: absolute;
  background-color: var(--jp-toolbar-background);
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  border-left: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  top: 0;
  right: 0;
  z-index: 7;
  min-width: 405px;
  padding: 2px;
  font-size: var(--jp-ui-font-size1);

  --jp-private-document-search-button-height: 20px;
}

.jp-DocumentSearch-overlay button {
  background-color: var(--jp-toolbar-background);
  outline: 0;
}

.jp-DocumentSearch-overlay button:hover {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-overlay button:active {
  background-color: var(--jp-layout-color3);
}

.jp-DocumentSearch-overlay-row {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}

.jp-DocumentSearch-button-content {
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.jp-DocumentSearch-button-content svg {
  width: 100%;
  height: 100%;
}

.jp-DocumentSearch-input-wrapper {
  border: var(--jp-border-width) solid var(--jp-border-color0);
  display: flex;
  background-color: var(--jp-layout-color0);
  margin: 2px;
}

.jp-DocumentSearch-input-wrapper:focus-within {
  border-color: var(--jp-cell-editor-active-border-color);
}

.jp-DocumentSearch-toggle-wrapper,
.jp-DocumentSearch-button-wrapper {
  all: initial;
  overflow: hidden;
  display: inline-block;
  border: none;
  box-sizing: border-box;
}

.jp-DocumentSearch-toggle-wrapper {
  width: 14px;
  height: 14px;
}

.jp-DocumentSearch-button-wrapper {
  width: var(--jp-private-document-search-button-height);
  height: var(--jp-private-document-search-button-height);
}

.jp-DocumentSearch-toggle-wrapper:focus,
.jp-DocumentSearch-button-wrapper:focus {
  outline: var(--jp-border-width) solid
    var(--jp-cell-editor-active-border-color);
  outline-offset: -1px;
}

.jp-DocumentSearch-toggle-wrapper,
.jp-DocumentSearch-button-wrapper,
.jp-DocumentSearch-button-content:focus {
  outline: none;
}

.jp-DocumentSearch-toggle-placeholder {
  width: 5px;
}

.jp-DocumentSearch-input-button::before {
  display: block;
  padding-top: 100%;
}

.jp-DocumentSearch-input-button-off {
  opacity: var(--jp-search-toggle-off-opacity);
}

.jp-DocumentSearch-input-button-off:hover {
  opacity: var(--jp-search-toggle-hover-opacity);
}

.jp-DocumentSearch-input-button-on {
  opacity: var(--jp-search-toggle-on-opacity);
}

.jp-DocumentSearch-index-counter {
  padding-left: 10px;
  padding-right: 10px;
  user-select: none;
  min-width: 35px;
  display: inline-block;
}

.jp-DocumentSearch-up-down-wrapper {
  display: inline-block;
  padding-right: 2px;
  margin-left: auto;
  white-space: nowrap;
}

.jp-DocumentSearch-spacer {
  margin-left: auto;
}

.jp-DocumentSearch-up-down-wrapper button {
  outline: 0;
  border: none;
  width: var(--jp-private-document-search-button-height);
  height: var(--jp-private-document-search-button-height);
  vertical-align: middle;
  margin: 1px 5px 2px;
}

.jp-DocumentSearch-up-down-button:hover {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-up-down-button:active {
  background-color: var(--jp-layout-color3);
}

.jp-DocumentSearch-filter-button {
  border-radius: var(--jp-border-radius);
}

.jp-DocumentSearch-filter-button:hover {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-filter-button-enabled {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-filter-button-enabled:hover {
  background-color: var(--jp-layout-color3);
}

.jp-DocumentSearch-search-options {
  padding: 0 8px;
  margin-left: 3px;
  width: 100%;
  display: grid;
  justify-content: start;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: stretch;
}

.jp-DocumentSearch-search-filter-disabled {
  color: var(--jp-ui-font-color2);
}

.jp-DocumentSearch-search-filter {
  display: flex;
  align-items: center;
  user-select: none;
}

.jp-DocumentSearch-regex-error {
  color: var(--jp-error-color0);
}

.jp-DocumentSearch-replace-button-wrapper {
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
  border: var(--jp-border-width) solid var(--jp-border-color0);
  margin: auto 2px;
  padding: 1px 4px;
  height: calc(var(--jp-private-document-search-button-height) + 2px);
}

.jp-DocumentSearch-replace-button-wrapper:focus {
  border: var(--jp-border-width) solid var(--jp-cell-editor-active-border-color);
}

.jp-DocumentSearch-replace-button {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  color: var(--jp-ui-font-color1);

  /* height - 2 * (padding of wrapper) */
  line-height: calc(var(--jp-private-document-search-button-height) - 2px);
  width: 100%;
  height: 100%;
}

.jp-DocumentSearch-replace-button:focus {
  outline: none;
}

.jp-DocumentSearch-replace-wrapper-class {
  margin-left: 14px;
  display: flex;
}

.jp-DocumentSearch-replace-toggle {
  border: none;
  background-color: var(--jp-toolbar-background);
  border-radius: var(--jp-border-radius);
}

.jp-DocumentSearch-replace-toggle:hover {
  background-color: var(--jp-layout-color2);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.cm-editor {
  line-height: var(--jp-code-line-height);
  font-size: var(--jp-code-font-size);
  font-family: var(--jp-code-font-family);
  border: 0;
  border-radius: 0;
  height: auto;

  /* Changed to auto to autogrow */
}

.cm-editor pre {
  padding: 0 var(--jp-code-padding);
}

.jp-CodeMirrorEditor[data-type='inline'] .cm-dialog {
  background-color: var(--jp-layout-color0);
  color: var(--jp-content-font-color1);
}

.jp-CodeMirrorEditor {
  cursor: text;
}

/* When zoomed out 67% and 33% on a screen of 1440 width x 900 height */
@media screen and (min-width: 2138px) and (max-width: 4319px) {
  .jp-CodeMirrorEditor[data-type='inline'] .cm-cursor {
    border-left: var(--jp-code-cursor-width1) solid
      var(--jp-editor-cursor-color);
  }
}

/* When zoomed out less than 33% */
@media screen and (min-width: 4320px) {
  .jp-CodeMirrorEditor[data-type='inline'] .cm-cursor {
    border-left: var(--jp-code-cursor-width2) solid
      var(--jp-editor-cursor-color);
  }
}

.cm-editor.jp-mod-readOnly .cm-cursor {
  display: none;
}

.jp-CollaboratorCursor {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: none;
  border-bottom: 3px solid;
  background-clip: content-box;
  margin-left: -5px;
  margin-right: -5px;
}

.cm-searching,
.cm-searching span {
  /* `.cm-searching span`: we need to override syntax highlighting */
  background-color: var(--jp-search-unselected-match-background-color);
  color: var(--jp-search-unselected-match-color);
}

.cm-searching::selection,
.cm-searching span::selection {
  background-color: var(--jp-search-unselected-match-background-color);
  color: var(--jp-search-unselected-match-color);
}

.jp-current-match > .cm-searching,
.jp-current-match > .cm-searching span,
.cm-searching > .jp-current-match,
.cm-searching > .jp-current-match span {
  background-color: var(--jp-search-selected-match-background-color);
  color: var(--jp-search-selected-match-color);
}

.jp-current-match > .cm-searching::selection,
.cm-searching > .jp-current-match::selection,
.jp-current-match > .cm-searching span::selection {
  background-color: var(--jp-search-selected-match-background-color);
  color: var(--jp-search-selected-match-color);
}

.cm-trailingspace {
  background-image: url();
  background-position: center left;
  background-repeat: repeat-x;
}

.jp-CollaboratorCursor-hover {
  position: absolute;
  z-index: 1;
  transform: translateX(-50%);
  color: white;
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  font-size: var(--jp-ui-font-size1);
  white-space: nowrap;
}

.jp-CodeMirror-ruler {
  border-left: 1px dashed var(--jp-border-color2);
}

/* Styles for shared cursors (remote cursor locations and selected ranges) */
.jp-CodeMirrorEditor .cm-ySelectionCaret {
  position: relative;
  border-left: 1px solid black;
  margin-left: -1px;
  margin-right: -1px;
  box-sizing: border-box;
}

.jp-CodeMirrorEditor .cm-ySelectionCaret > .cm-ySelectionInfo {
  white-space: nowrap;
  position: absolute;
  top: -1.15em;
  padding-bottom: 0.05em;
  left: -1px;
  font-size: 0.95em;
  font-family: var(--jp-ui-font-family);
  font-weight: bold;
  line-height: normal;
  user-select: none;
  color: white;
  padding-left: 2px;
  padding-right: 2px;
  z-index: 101;
  transition: opacity 0.3s ease-in-out;
}

.jp-CodeMirrorEditor .cm-ySelectionInfo {
  transition-delay: 0.7s;
  opacity: 0;
}

.jp-CodeMirrorEditor .cm-ySelectionCaret:hover > .cm-ySelectionInfo {
  opacity: 1;
  transition-delay: 0s;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-MimeDocument {
  outline: none;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

:root {
  --jp-private-filebrowser-button-height: 28px;
  --jp-private-filebrowser-button-width: 48px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-FileBrowser .jp-SidePanel-content {
  display: flex;
  flex-direction: column;
}

.jp-FileBrowser-toolbar.jp-Toolbar {
  flex-wrap: wrap;
  row-gap: 12px;
  border-bottom: none;
  height: auto;
  margin: 8px 12px 0;
  box-shadow: none;
  padding: 0;
  justify-content: flex-start;
}

.jp-FileBrowser-Panel {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.jp-BreadCrumbs {
  flex: 0 0 auto;
  margin: 8px 12px;
}

.jp-BreadCrumbs-item {
  margin: 0 2px;
  padding: 0 2px;
  border-radius: var(--jp-border-radius);
  cursor: pointer;
}

.jp-BreadCrumbs-item:hover {
  background-color: var(--jp-layout-color2);
}

.jp-BreadCrumbs-item:first-child {
  margin-left: 0;
}

.jp-BreadCrumbs-item.jp-mod-dropTarget {
  background-color: var(--jp-brand-color2);
  opacity: 0.7;
}

/*-----------------------------------------------------------------------------
| Buttons
|----------------------------------------------------------------------------*/

.jp-FileBrowser-toolbar > .jp-Toolbar-item {
  flex: 0 0 auto;
  padding-left: 0;
  padding-right: 2px;
  align-items: center;
  height: unset;
}

.jp-FileBrowser-toolbar > .jp-Toolbar-item .jp-ToolbarButtonComponent {
  width: 40px;
}

/*-----------------------------------------------------------------------------
| Other styles
|----------------------------------------------------------------------------*/

.jp-FileDialog.jp-mod-conflict input {
  color: var(--jp-error-color1);
}

.jp-FileDialog .jp-new-name-title {
  margin-top: 12px;
}

.jp-LastModified-hidden {
  display: none;
}

.jp-FileSize-hidden {
  display: none;
}

.jp-FileBrowser .lm-AccordionPanel > h3:first-child {
  display: none;
}

/*-----------------------------------------------------------------------------
| DirListing
|----------------------------------------------------------------------------*/

.jp-DirListing {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  outline: 0;
}

.jp-DirListing-header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  border-top: var(--jp-border-width) solid var(--jp-border-color2);
  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
  box-shadow: var(--jp-toolbar-box-shadow);
  z-index: 2;
}

.jp-DirListing-headerItem {
  padding: 4px 12px 2px;
  font-weight: 500;
}

.jp-DirListing-headerItem:hover {
  background: var(--jp-layout-color2);
}

.jp-DirListing-headerItem.jp-id-name {
  flex: 1 0 84px;
}

.jp-DirListing-headerItem.jp-id-modified {
  flex: 0 0 112px;
  border-left: var(--jp-border-width) solid var(--jp-border-color2);
  text-align: right;
}

.jp-DirListing-headerItem.jp-id-filesize {
  flex: 0 0 75px;
  border-left: var(--jp-border-width) solid var(--jp-border-color2);
  text-align: right;
}

.jp-id-narrow {
  display: none;
  flex: 0 0 5px;
  padding: 4px;
  border-left: var(--jp-border-width) solid var(--jp-border-color2);
  text-align: right;
  color: var(--jp-border-color2);
}

.jp-DirListing-narrow .jp-id-narrow {
  display: block;
}

.jp-DirListing-narrow .jp-id-modified,
.jp-DirListing-narrow .jp-DirListing-itemModified {
  display: none;
}

.jp-DirListing-headerItem.jp-mod-selected {
  font-weight: 600;
}

/* increase specificity to override bundled default */
.jp-DirListing-content {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  background-color: var(--jp-layout-color1);
}

.jp-DirListing-content mark {
  color: var(--jp-ui-font-color0);
  background-color: transparent;
  font-weight: bold;
}

.jp-DirListing-content .jp-DirListing-item.jp-mod-selected mark {
  color: var(--jp-ui-inverse-font-color0);
}

/* Style the directory listing content when a user drops a file to upload */
.jp-DirListing.jp-mod-native-drop .jp-DirListing-content {
  outline: 5px dashed rgba(128, 128, 128, 0.5);
  outline-offset: -10px;
  cursor: copy;
}

.jp-DirListing-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jp-DirListing-checkboxWrapper {
  /* Increases hit area of checkbox. */
  padding: 4px;
}

.jp-DirListing-header
  .jp-DirListing-checkboxWrapper
  + .jp-DirListing-headerItem {
  padding-left: 4px;
}

.jp-DirListing-content .jp-DirListing-checkboxWrapper {
  position: relative;
  left: -4px;
  margin: -4px 0 -4px -8px;
}

.jp-DirListing-checkboxWrapper.jp-mod-visible {
  visibility: visible;
}

/* For devices that support hovering, hide checkboxes until hovered, selected...
*/
@media (hover: hover) {
  .jp-DirListing-checkboxWrapper {
    visibility: hidden;
  }

  .jp-DirListing-item:hover .jp-DirListing-checkboxWrapper,
  .jp-DirListing-item.jp-mod-selected .jp-DirListing-checkboxWrapper {
    visibility: visible;
  }
}

.jp-DirListing-item[data-is-dot] {
  opacity: 75%;
}

.jp-DirListing-item.jp-mod-selected {
  color: var(--jp-ui-inverse-font-color1);
  background: var(--jp-brand-color1);
}

.jp-DirListing-item.jp-mod-dropTarget {
  background: var(--jp-brand-color3);
}

.jp-DirListing-item:hover:not(.jp-mod-selected) {
  background: var(--jp-layout-color2);
}

.jp-DirListing-itemIcon {
  flex: 0 0 20px;
  margin-right: 4px;
}

.jp-DirListing-itemText {
  flex: 1 0 64px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}

.jp-DirListing-itemText:focus {
  outline-width: 2px;
  outline-color: var(--jp-inverse-layout-color1);
  outline-style: solid;
  outline-offset: 1px;
}

.jp-DirListing-item.jp-mod-selected .jp-DirListing-itemText:focus {
  outline-color: var(--jp-layout-color1);
}

.jp-DirListing-itemModified {
  flex: 0 0 125px;
  text-align: right;
}

.jp-DirListing-itemFileSize {
  flex: 0 0 90px;
  text-align: right;
}

.jp-DirListing-editor {
  flex: 1 0 64px;
  outline: none;
  border: none;
  color: var(--jp-ui-font-color1);
  background-color: var(--jp-layout-color1);
}

.jp-DirListing-item.jp-mod-running .jp-DirListing-itemIcon::before {
  color: var(--jp-success-color1);
  content: '\25CF';
  font-size: 8px;
  position: absolute;
  left: -8px;
}

.jp-DirListing-item.jp-mod-running.jp-mod-selected
  .jp-DirListing-itemIcon::before {
  color: var(--jp-ui-inverse-font-color1);
}

.jp-DirListing-item.lm-mod-drag-image,
.jp-DirListing-item.jp-mod-selected.lm-mod-drag-image {
  font-size: var(--jp-ui-font-size1);
  padding-left: 4px;
  margin-left: 4px;
  width: 160px;
  background-color: var(--jp-ui-inverse-font-color2);
  box-shadow: var(--jp-elevation-z2);
  border-radius: 0;
  color: var(--jp-ui-font-color1);
  transform: translateX(-40%) translateY(-58%);
}

.jp-Document {
  min-width: 120px;
  min-height: 120px;
  outline: none;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Main OutputArea
| OutputArea has a list of Outputs
|----------------------------------------------------------------------------*/

.jp-OutputArea {
  overflow-y: auto;
}

.jp-OutputArea-child {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}

.jp-OutputPrompt {
  width: var(--jp-cell-prompt-width);
  color: var(--jp-cell-outprompt-font-color);
  font-family: var(--jp-cell-prompt-font-family);
  padding: var(--jp-code-padding);
  letter-spacing: var(--jp-cell-prompt-letter-spacing);
  line-height: var(--jp-code-line-height);
  font-size: var(--jp-code-font-size);
  border: var(--jp-border-width) solid transparent;
  opacity: var(--jp-cell-prompt-opacity);

  /* Right align prompt text, don't wrap to handle large prompt numbers */
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Disable text selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jp-OutputArea-prompt {
  display: table-cell;
  vertical-align: top;
}

.jp-OutputArea-output {
  display: table-cell;
  width: 100%;
  height: auto;
  overflow: auto;
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

.jp-OutputArea .jp-RenderedText {
  padding-left: 1ch;
}

/**
 * Prompt overlay.
 */

.jp-OutputArea-promptOverlay {
  position: absolute;
  top: 0;
  width: var(--jp-cell-prompt-width);
  height: 100%;
  opacity: 0.5;
}

.jp-OutputArea-promptOverlay:hover {
  background: var(--jp-layout-color2);
  box-shadow: inset 0 0 1px var(--jp-inverse-layout-color0);
  cursor: zoom-out;
}

.jp-mod-outputsScrolled .jp-OutputArea-promptOverlay:hover {
  cursor: zoom-in;
}

/**
 * Isolated output.
 */
.jp-OutputArea-output.jp-mod-isolated {
  width: 100%;
  display: block;
}

/*
When drag events occur, `lm-mod-override-cursor` is added to the body.
Because iframes steal all cursor events, the following two rules are necessary
to suppress pointer events while resize drags are occurring. There may be a
better solution to this problem.
*/
body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated {
  position: relative;
}

body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}

/* pre */

.jp-OutputArea-output pre {
  border: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: auto;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}

/* tables */

.jp-OutputArea-output.jp-RenderedHTMLCommon table {
  margin-left: 0;
  margin-right: 0;
}

/* description lists */

.jp-OutputArea-output dl,
.jp-OutputArea-output dt,
.jp-OutputArea-output dd {
  display: block;
}

.jp-OutputArea-output dl {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.jp-OutputArea-output dt {
  font-weight: bold;
  float: left;
  width: 20%;
  padding: 0;
  margin: 0;
}

.jp-OutputArea-output dd {
  float: left;
  width: 80%;
  padding: 0;
  margin: 0;
}

.jp-TrimmedOutputs pre {
  background: var(--jp-layout-color3);
  font-size: calc(var(--jp-code-font-size) * 1.4);
  text-align: center;
  text-transform: uppercase;
}

/* Hide the gutter in case of
 *  - nested output areas (e.g. in the case of output widgets)
 *  - mirrored output areas
 */
.jp-OutputArea .jp-OutputArea .jp-OutputArea-prompt {
  display: none;
}

/* Hide empty lines in the output area, for instance due to cleared widgets */
.jp-OutputArea-prompt:empty {
  padding: 0;
  border: 0;
}

/*-----------------------------------------------------------------------------
| executeResult is added to any Output-result for the display of the object
| returned by a cell
|----------------------------------------------------------------------------*/

.jp-OutputArea-output.jp-OutputArea-executeResult {
  margin-left: 0;
  width: 100%;
}

/* Text output with the Out[] prompt needs a top padding to match the
 * alignment of the Out[] prompt itself.
 */
.jp-OutputArea-executeResult .jp-RenderedText.jp-OutputArea-output {
  padding-top: var(--jp-code-padding);
  border-top: var(--jp-border-width) solid transparent;
}

/*-----------------------------------------------------------------------------
| The Stdin output
|----------------------------------------------------------------------------*/

.jp-Stdin-prompt {
  color: var(--jp-content-font-color0);
  padding-right: var(--jp-code-padding);
  vertical-align: baseline;
  flex: 0 0 auto;
}

.jp-Stdin-input {
  font-family: var(--jp-code-font-family);
  font-size: inherit;
  color: inherit;
  background-color: inherit;
  width: 42%;
  min-width: 200px;

  /* make sure input baseline aligns with prompt */
  vertical-align: baseline;

  /* padding + margin = 0.5em between prompt and cursor */
  padding: 0 0.25em;
  margin: 0 0.25em;
  flex: 0 0 70%;
}

.jp-Stdin-input::placeholder {
  opacity: 0;
}

.jp-Stdin-input:focus {
  box-shadow: none;
}

.jp-Stdin-input:focus::placeholder {
  opacity: 1;
}

/*-----------------------------------------------------------------------------
| Output Area View
|----------------------------------------------------------------------------*/

.jp-LinkedOutputView .jp-OutputArea {
  height: 100%;
  display: block;
}

.jp-LinkedOutputView .jp-OutputArea-output:only-child {
  height: 100%;
}

/*-----------------------------------------------------------------------------
| Printing
|----------------------------------------------------------------------------*/

@media print {
  .jp-OutputArea-child {
    break-inside: avoid-page;
  }
}

/*-----------------------------------------------------------------------------
| Mobile
|----------------------------------------------------------------------------*/
@media only screen and (max-width: 760px) {
  .jp-OutputPrompt {
    display: table-row;
    text-align: left;
  }

  .jp-OutputArea-child .jp-OutputArea-output {
    display: table-row;
    margin-left: var(--jp-notebook-padding);
  }
}

/* Trimmed outputs warning */
.jp-TrimmedOutputs > a {
  margin: 10px;
  text-decoration: none;
  cursor: pointer;
}

.jp-TrimmedOutputs > a:hover {
  text-decoration: none;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Table of Contents
|----------------------------------------------------------------------------*/

:root {
  --jp-private-toc-active-width: 4px;
}

.jp-TableOfContents {
  display: flex;
  flex-direction: column;
  background: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  height: 100%;
}

.jp-TableOfContents-placeholder {
  text-align: center;
}

.jp-TableOfContents-placeholderContent {
  color: var(--jp-content-font-color2);
  padding: 8px;
}

.jp-TableOfContents-placeholderContent > h3 {
  margin-bottom: var(--jp-content-heading-margin-bottom);
}

.jp-TableOfContents .jp-SidePanel-content {
  overflow-y: auto;
}

.jp-TableOfContents-tree {
  margin: 4px;
}

.jp-TableOfContents ol {
  list-style-type: none;
}

/* stylelint-disable-next-line selector-max-type */
.jp-TableOfContents li > ol {
  /* Align left border with triangle icon center */
  padding-left: 11px;
}

.jp-TableOfContents-content {
  /* left margin for the active heading indicator */
  margin: 0 0 0 var(--jp-private-toc-active-width);
  padding: 0;
  background-color: var(--jp-layout-color1);
}

.jp-tocItem {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jp-tocItem-heading {
  display: flex;
  cursor: pointer;
}

.jp-tocItem-heading:hover {
  background-color: var(--jp-layout-color2);
}

.jp-tocItem-content {
  display: block;
  padding: 4px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.jp-tocItem-collapser {
  height: 20px;
  margin: 2px 2px 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.jp-tocItem-collapser:hover {
  background-color: var(--jp-layout-color3);
}

/* Active heading indicator */

.jp-tocItem-heading::before {
  content: ' ';
  background: transparent;
  width: var(--jp-private-toc-active-width);
  height: 24px;
  position: absolute;
  left: 0;
  border-radius: var(--jp-border-radius);
}

.jp-tocItem-heading.jp-tocItem-active::before {
  background-color: var(--jp-brand-color1);
}

.jp-tocItem-heading:hover.jp-tocItem-active::before {
  background: var(--jp-brand-color0);
  opacity: 1;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Collapser {
  flex: 0 0 var(--jp-cell-collapser-width);
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
  border-radius: var(--jp-border-radius);
  opacity: 1;
}

.jp-Collapser-child {
  display: block;
  width: 100%;
  box-sizing: border-box;

  /* height: 100% doesn't work because the height of its parent is computed from content */
  position: absolute;
  top: 0;
  bottom: 0;
}

/*-----------------------------------------------------------------------------
| Printing
|----------------------------------------------------------------------------*/

/*
Hiding collapsers in print mode.

Note: input and output wrappers have "display: block" propery in print mode.
*/

@media print {
  .jp-Collapser {
    display: none;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Header/Footer
|----------------------------------------------------------------------------*/

/* Hidden by zero height by default */
.jp-CellHeader,
.jp-CellFooter {
  height: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Input
|----------------------------------------------------------------------------*/

/* All input areas */
.jp-InputArea {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}

.jp-InputArea-editor {
  display: table-cell;
  overflow: hidden;
  vertical-align: top;

  /* This is the non-active, default styling */
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  border-radius: 0;
  background: var(--jp-cell-editor-background);
}

.jp-InputPrompt {
  display: table-cell;
  vertical-align: top;
  width: var(--jp-cell-prompt-width);
  color: var(--jp-cell-inprompt-font-color);
  font-family: var(--jp-cell-prompt-font-family);
  padding: var(--jp-code-padding);
  letter-spacing: var(--jp-cell-prompt-letter-spacing);
  opacity: var(--jp-cell-prompt-opacity);
  line-height: var(--jp-code-line-height);
  font-size: var(--jp-code-font-size);
  border: var(--jp-border-width) solid transparent;

  /* Right align prompt text, don't wrap to handle large prompt numbers */
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Disable text selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*-----------------------------------------------------------------------------
| Mobile
|----------------------------------------------------------------------------*/
@media only screen and (max-width: 760px) {
  .jp-InputArea-editor {
    display: table-row;
    margin-left: var(--jp-notebook-padding);
  }

  .jp-InputPrompt {
    display: table-row;
    text-align: left;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Placeholder
|----------------------------------------------------------------------------*/

.jp-Placeholder {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.jp-Placeholder-prompt {
  display: table-cell;
  box-sizing: border-box;
}

.jp-Placeholder-content {
  display: table-cell;
  padding: 4px 6px;
  border: 1px solid transparent;
  border-radius: 0;
  background: none;
  box-sizing: border-box;
  cursor: pointer;
}

.jp-Placeholder-contentContainer {
  display: flex;
}

.jp-Placeholder-content:hover,
.jp-InputPlaceholder > .jp-Placeholder-content:hover {
  border-color: var(--jp-layout-color3);
}

.jp-Placeholder-content .jp-MoreHorizIcon {
  width: 32px;
  height: 16px;
  border: 1px solid transparent;
  border-radius: var(--jp-border-radius);
}

.jp-Placeholder-content .jp-MoreHorizIcon:hover {
  border: 1px solid var(--jp-border-color1);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  background-color: var(--jp-layout-color0);
}

.jp-PlaceholderText {
  white-space: nowrap;
  overflow-x: hidden;
  color: var(--jp-inverse-layout-color3);
  font-family: var(--jp-code-font-family);
}

.jp-InputPlaceholder > .jp-Placeholder-content {
  border-color: var(--jp-cell-editor-border-color);
  background: var(--jp-cell-editor-background);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Private CSS variables
|----------------------------------------------------------------------------*/

:root {
  --jp-private-cell-scrolling-output-offset: 5px;
}

/*-----------------------------------------------------------------------------
| Cell
|----------------------------------------------------------------------------*/

.jp-Cell {
  padding: var(--jp-cell-padding);
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
}

/*-----------------------------------------------------------------------------
| Common input/output
|----------------------------------------------------------------------------*/

.jp-Cell-inputWrapper,
.jp-Cell-outputWrapper {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;

  /* Added to reveal the box-shadow on the input and output collapsers. */
  overflow: visible;
}

/* Only input/output areas inside cells */
.jp-Cell-inputArea,
.jp-Cell-outputArea {
  flex: 1 1 auto;
}

/*-----------------------------------------------------------------------------
| Collapser
|----------------------------------------------------------------------------*/

/* Make the output collapser disappear when there is not output, but do so
 * in a manner that leaves it in the layout and preserves its width.
 */
.jp-Cell.jp-mod-noOutputs .jp-Cell-outputCollapser {
  border: none !important;
  background: transparent !important;
}

.jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputCollapser {
  min-height: var(--jp-cell-collapser-min-height);
}

/*-----------------------------------------------------------------------------
| Output
|----------------------------------------------------------------------------*/

/* Put a space between input and output when there IS output */
.jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputWrapper {
  margin-top: 5px;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea {
  overflow-y: auto;
  max-height: 24em;
  margin-left: var(--jp-private-cell-scrolling-output-offset);
  resize: vertical;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea[style*='height'] {
  max-height: unset;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea::after {
  content: ' ';
  box-shadow: inset 0 0 6px 2px rgb(0 0 0 / 30%);
  width: 100%;
  height: 100%;
  position: sticky;
  bottom: 0;
  top: 0;
  margin-top: -50%;
  float: left;
  display: block;
  pointer-events: none;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-child {
  padding-top: 6px;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-prompt {
  width: calc(
    var(--jp-cell-prompt-width) - var(--jp-private-cell-scrolling-output-offset)
  );
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-promptOverlay {
  left: calc(-1 * var(--jp-private-cell-scrolling-output-offset));
}

/*-----------------------------------------------------------------------------
| CodeCell
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| MarkdownCell
|----------------------------------------------------------------------------*/

.jp-MarkdownOutput {
  display: table-cell;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: var(--jp-code-padding);
}

.jp-MarkdownOutput.jp-RenderedHTMLCommon {
  overflow: auto;
}

/* collapseHeadingButton (show always if hiddenCellsButton is _not_ shown) */
.jp-collapseHeadingButton {
  display: flex;
  min-height: var(--jp-cell-collapser-min-height);
  font-size: var(--jp-code-font-size);
  position: absolute;
  background-color: transparent;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-image: var(--jp-icon-caret-down);
  right: 0;
  top: 0;
  bottom: 0;
}

.jp-collapseHeadingButton.jp-mod-collapsed {
  background-image: var(--jp-icon-caret-right);
}

/*
 set the container font size to match that of content
 so that the nested collapse buttons have the right size
*/
.jp-MarkdownCell .jp-InputPrompt {
  font-size: var(--jp-content-font-size1);
}

/*
  Align collapseHeadingButton with cell top header
  The font sizes are identical to the ones in packages/rendermime/style/base.css
*/
.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='1'] {
  font-size: var(--jp-content-font-size5);
  background-position-y: calc(0.3 * var(--jp-content-font-size5));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='2'] {
  font-size: var(--jp-content-font-size4);
  background-position-y: calc(0.3 * var(--jp-content-font-size4));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='3'] {
  font-size: var(--jp-content-font-size3);
  background-position-y: calc(0.3 * var(--jp-content-font-size3));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='4'] {
  font-size: var(--jp-content-font-size2);
  background-position-y: calc(0.3 * var(--jp-content-font-size2));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='5'] {
  font-size: var(--jp-content-font-size1);
  background-position-y: top;
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='6'] {
  font-size: var(--jp-content-font-size0);
  background-position-y: top;
}

/* collapseHeadingButton (show only on (hover,active) if hiddenCellsButton is shown) */
.jp-Notebook.jp-mod-showHiddenCellsButton .jp-collapseHeadingButton {
  display: none;
}

.jp-Notebook.jp-mod-showHiddenCellsButton
  :is(.jp-MarkdownCell:hover, .jp-mod-active)
  .jp-collapseHeadingButton {
  display: flex;
}

/* showHiddenCellsButton (only show if jp-mod-showHiddenCellsButton is set, which
is a consequence of the showHiddenCellsButton option in Notebook Settings)*/
.jp-Notebook.jp-mod-showHiddenCellsButton .jp-showHiddenCellsButton {
  margin-left: calc(var(--jp-cell-prompt-width) + 2 * var(--jp-code-padding));
  margin-top: var(--jp-code-padding);
  border: 1px solid var(--jp-border-color2);
  background-color: var(--jp-border-color3) !important;
  color: var(--jp-content-font-color0) !important;
  display: flex;
}

.jp-Notebook.jp-mod-showHiddenCellsButton .jp-showHiddenCellsButton:hover {
  background-color: var(--jp-border-color2) !important;
}

.jp-showHiddenCellsButton {
  display: none;
}

/*-----------------------------------------------------------------------------
| Printing
|----------------------------------------------------------------------------*/

/*
Using block instead of flex to allow the use of the break-inside CSS property for
cell outputs.
*/

@media print {
  .jp-Cell-inputWrapper,
  .jp-Cell-outputWrapper {
    display: block;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

:root {
  --jp-notebook-toolbar-padding: 2px 5px 2px 2px;
}

/*-----------------------------------------------------------------------------

/*-----------------------------------------------------------------------------
| Styles
|----------------------------------------------------------------------------*/

.jp-NotebookPanel-toolbar {
  padding: var(--jp-notebook-toolbar-padding);

  /* disable paint containment from lumino 2.0 default strict CSS containment */
  contain: style size !important;
}

.jp-Toolbar-item.jp-Notebook-toolbarCellType .jp-select-wrapper.jp-mod-focused {
  border: none;
  box-shadow: none;
}

.jp-Notebook-toolbarCellTypeDropdown select {
  height: 24px;
  font-size: var(--jp-ui-font-size1);
  line-height: 14px;
  border-radius: 0;
  display: block;
}

.jp-Notebook-toolbarCellTypeDropdown span {
  top: 5px !important;
}

.jp-Toolbar-responsive-popup {
  position: absolute;
  height: fit-content;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  box-shadow: var(--jp-toolbar-box-shadow);
  background: var(--jp-toolbar-background);
  min-height: var(--jp-toolbar-micro-height);
  padding: var(--jp-notebook-toolbar-padding);
  z-index: 1;
  right: 0;
  top: 0;
}

.jp-Toolbar > .jp-Toolbar-responsive-opener {
  margin-left: auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------

/*-----------------------------------------------------------------------------
| Styles
|----------------------------------------------------------------------------*/

.jp-Notebook-ExecutionIndicator {
  position: relative;
  display: inline-block;
  height: 100%;
  z-index: 9997;
}

.jp-Notebook-ExecutionIndicator-tooltip {
  visibility: hidden;
  height: auto;
  width: max-content;
  width: -moz-max-content;
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color1);
  text-align: justify;
  border-radius: 6px;
  padding: 0 5px;
  position: fixed;
  display: table;
}

.jp-Notebook-ExecutionIndicator-tooltip.up {
  transform: translateX(-50%) translateY(-100%) translateY(-32px);
}

.jp-Notebook-ExecutionIndicator-tooltip.down {
  transform: translateX(calc(-100% + 16px)) translateY(5px);
}

.jp-Notebook-ExecutionIndicator-tooltip.hidden {
  display: none;
}

.jp-Notebook-ExecutionIndicator:hover .jp-Notebook-ExecutionIndicator-tooltip {
  visibility: visible;
}

.jp-Notebook-ExecutionIndicator span {
  font-size: var(--jp-ui-font-size1);
  font-family: var(--jp-ui-font-family);
  color: var(--jp-ui-font-color1);
  line-height: 24px;
  display: block;
}

.jp-Notebook-ExecutionIndicator-progress-bar {
  display: flex;
  justify-content: center;
  height: 100%;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*
 * Execution indicator
 */
.jp-tocItem-content::after {
  content: '';

  /* Must be identical to form a circle */
  width: 12px;
  height: 12px;
  background: none;
  border: none;
  position: absolute;
  right: 0;
}

.jp-tocItem-content[data-running='0']::after {
  border-radius: 50%;
  border: var(--jp-border-width) solid var(--jp-inverse-layout-color3);
  background: none;
}

.jp-tocItem-content[data-running='1']::after {
  border-radius: 50%;
  border: var(--jp-border-width) solid var(--jp-inverse-layout-color3);
  background-color: var(--jp-inverse-layout-color3);
}

.jp-tocItem-content[data-running='0'],
.jp-tocItem-content[data-running='1'] {
  margin-right: 12px;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-Notebook-footer {
  height: 27px;
  margin-left: calc(
    var(--jp-cell-prompt-width) + var(--jp-cell-collapser-width) +
      var(--jp-cell-padding)
  );
  width: calc(
    100% -
      (
        var(--jp-cell-prompt-width) + var(--jp-cell-collapser-width) +
          var(--jp-cell-padding) + var(--jp-cell-padding)
      )
  );
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  color: var(--jp-ui-font-color3);
  margin-top: 6px;
  background: none;
  cursor: pointer;
}

.jp-Notebook-footer:focus {
  border-color: var(--jp-cell-editor-active-border-color);
}

/* For devices that support hovering, hide footer until hover */
@media (hover: hover) {
  .jp-Notebook-footer {
    opacity: 0;
  }

  .jp-Notebook-footer:focus,
  .jp-Notebook-footer:hover {
    opacity: 1;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Imports
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| CSS variables
|----------------------------------------------------------------------------*/

:root {
  --jp-side-by-side-output-size: 1fr;
  --jp-side-by-side-resized-cell: var(--jp-side-by-side-output-size);
  --jp-private-notebook-dragImage-width: 304px;
  --jp-private-notebook-dragImage-height: 36px;
  --jp-private-notebook-selected-color: var(--md-blue-400);
  --jp-private-notebook-active-color: var(--md-green-400);
}

/*-----------------------------------------------------------------------------
| Notebook
|----------------------------------------------------------------------------*/

/* stylelint-disable selector-max-class */

.jp-NotebookPanel {
  display: block;
  height: 100%;
}

.jp-NotebookPanel.jp-Document {
  min-width: 240px;
  min-height: 120px;
}

.jp-Notebook {
  padding: var(--jp-notebook-padding);
  outline: none;
  overflow: auto;
  background: var(--jp-layout-color0);
}

.jp-Notebook.jp-mod-scrollPastEnd::after {
  display: block;
  content: '';
  min-height: var(--jp-notebook-scroll-padding);
}

.jp-MainAreaWidget-ContainStrict .jp-Notebook * {
  contain: strict;
}

.jp-Notebook .jp-Cell {
  overflow: visible;
}

.jp-Notebook .jp-Cell .jp-InputPrompt {
  cursor: move;
}

/*-----------------------------------------------------------------------------
| Notebook state related styling
|
| The notebook and cells each have states, here are the possibilities:
|
| - Notebook
|   - Command
|   - Edit
| - Cell
|   - None
|   - Active (only one can be active)
|   - Selected (the cells actions are applied to)
|   - Multiselected (when multiple selected, the cursor)
|   - No outputs
|----------------------------------------------------------------------------*/

/* Command or edit modes */

.jp-Notebook .jp-Cell:not(.jp-mod-active) .jp-InputPrompt {
  opacity: var(--jp-cell-prompt-not-active-opacity);
  color: var(--jp-cell-prompt-not-active-font-color);
}

.jp-Notebook .jp-Cell:not(.jp-mod-active) .jp-OutputPrompt {
  opacity: var(--jp-cell-prompt-not-active-opacity);
  color: var(--jp-cell-prompt-not-active-font-color);
}

/* cell is active */
.jp-Notebook .jp-Cell.jp-mod-active .jp-Collapser {
  background: var(--jp-brand-color1);
}

/* cell is dirty */
.jp-Notebook .jp-Cell.jp-mod-dirty .jp-InputPrompt {
  color: var(--jp-warn-color1);
}

.jp-Notebook .jp-Cell.jp-mod-dirty .jp-InputPrompt::before {
  color: var(--jp-warn-color1);
  content: '•';
}

.jp-Notebook .jp-Cell.jp-mod-active.jp-mod-dirty .jp-Collapser {
  background: var(--jp-warn-color1);
}

/* collapser is hovered */
.jp-Notebook .jp-Cell .jp-Collapser:hover {
  box-shadow: var(--jp-elevation-z2);
  background: var(--jp-brand-color1);
  opacity: var(--jp-cell-collapser-not-active-hover-opacity);
}

/* cell is active and collapser is hovered */
.jp-Notebook .jp-Cell.jp-mod-active .jp-Collapser:hover {
  background: var(--jp-brand-color0);
  opacity: 1;
}

/* Command mode */

.jp-Notebook.jp-mod-commandMode .jp-Cell.jp-mod-selected {
  background: var(--jp-notebook-multiselected-color);
}

.jp-Notebook.jp-mod-commandMode
  .jp-Cell.jp-mod-active.jp-mod-selected:not(.jp-mod-multiSelected) {
  background: transparent;
}

/* Edit mode */

.jp-Notebook.jp-mod-editMode .jp-Cell.jp-mod-active .jp-InputArea-editor {
  border: var(--jp-border-width) solid var(--jp-cell-editor-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
  background-color: var(--jp-cell-editor-active-background);
}

/*-----------------------------------------------------------------------------
| Notebook drag and drop
|----------------------------------------------------------------------------*/

.jp-Notebook-cell.jp-mod-dropSource {
  opacity: 0.5;
}

.jp-Notebook-cell.jp-mod-dropTarget,
.jp-Notebook.jp-mod-commandMode
  .jp-Notebook-cell.jp-mod-active.jp-mod-selected.jp-mod-dropTarget {
  border-top-color: var(--jp-private-notebook-selected-color);
  border-top-style: solid;
  border-top-width: 2px;
}

.jp-dragImage {
  display: block;
  flex-direction: row;
  width: var(--jp-private-notebook-dragImage-width);
  height: var(--jp-private-notebook-dragImage-height);
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  background: var(--jp-cell-editor-background);
  overflow: visible;
}

.jp-dragImage-singlePrompt {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.jp-dragImage .jp-dragImage-content {
  flex: 1 1 auto;
  z-index: 2;
  font-size: var(--jp-code-font-size);
  font-family: var(--jp-code-font-family);
  line-height: var(--jp-code-line-height);
  padding: var(--jp-code-padding);
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  background: var(--jp-cell-editor-background-color);
  color: var(--jp-content-font-color3);
  text-align: left;
  margin: 4px 4px 4px 0;
}

.jp-dragImage .jp-dragImage-prompt {
  flex: 0 0 auto;
  min-width: 36px;
  color: var(--jp-cell-inprompt-font-color);
  padding: var(--jp-code-padding);
  padding-left: 12px;
  font-family: var(--jp-cell-prompt-font-family);
  letter-spacing: var(--jp-cell-prompt-letter-spacing);
  line-height: 1.9;
  font-size: var(--jp-code-font-size);
  border: var(--jp-border-width) solid transparent;
}

.jp-dragImage-multipleBack {
  z-index: -1;
  position: absolute;
  height: 32px;
  width: 300px;
  top: 8px;
  left: 8px;
  background: var(--jp-layout-color2);
  border: var(--jp-border-width) solid var(--jp-input-border-color);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.12);
}

/*-----------------------------------------------------------------------------
| Cell toolbar
|----------------------------------------------------------------------------*/

.jp-NotebookTools {
  display: block;
  min-width: var(--jp-sidebar-min-width);
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);

  /* This is needed so that all font sizing of children done in ems is
    * relative to this base size */
  font-size: var(--jp-ui-font-size1);
  overflow: auto;
}

.jp-ActiveCellTool {
  padding: 12px 0;
  display: flex;
}

.jp-ActiveCellTool-Content {
  flex: 1 1 auto;
}

.jp-ActiveCellTool .jp-ActiveCellTool-CellContent {
  background: var(--jp-cell-editor-background);
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  border-radius: 0;
  min-height: 29px;
}

.jp-ActiveCellTool .jp-InputPrompt {
  min-width: calc(var(--jp-cell-prompt-width) * 0.75);
}

.jp-ActiveCellTool-CellContent > pre {
  padding: 5px 4px;
  margin: 0;
  white-space: normal;
}

.jp-MetadataEditorTool {
  flex-direction: column;
  padding: 12px 0;
}

.jp-RankedPanel > :not(:first-child) {
  margin-top: 12px;
}

.jp-KeySelector select.jp-mod-styled {
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color0);
  border: var(--jp-border-width) solid var(--jp-border-color1);
}

.jp-KeySelector label,
.jp-MetadataEditorTool label,
.jp-NumberSetter label {
  line-height: 1.4;
}

.jp-NotebookTools .jp-select-wrapper {
  margin-top: 4px;
  margin-bottom: 0;
}

.jp-NumberSetter input {
  width: 100%;
  margin-top: 4px;
}

.jp-NotebookTools .jp-Collapse {
  margin-top: 16px;
}

/*-----------------------------------------------------------------------------
| Presentation Mode (.jp-mod-presentationMode)
|----------------------------------------------------------------------------*/

.jp-mod-presentationMode .jp-Notebook {
  --jp-content-font-size1: var(--jp-content-presentation-font-size1);
  --jp-code-font-size: var(--jp-code-presentation-font-size);
}

.jp-mod-presentationMode .jp-Notebook .jp-Cell .jp-InputPrompt,
.jp-mod-presentationMode .jp-Notebook .jp-Cell .jp-OutputPrompt {
  flex: 0 0 110px;
}

/*-----------------------------------------------------------------------------
| Side-by-side Mode (.jp-mod-sideBySide)
|----------------------------------------------------------------------------*/
.jp-mod-sideBySide.jp-Notebook .jp-Notebook-cell {
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: 5%;
  margin-right: 5%;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) min-content minmax(
      0,
      var(--jp-side-by-side-output-size)
    );
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-template-areas:
    'header header header'
    'input handle output'
    'footer footer footer';
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell.jp-mod-resizedCell {
  grid-template-columns: minmax(0, 1fr) min-content minmax(
      0,
      var(--jp-side-by-side-resized-cell)
    );
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellHeader {
  grid-area: header;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-Cell-inputWrapper {
  grid-area: input;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-Cell-outputWrapper {
  /* overwrite the default margin (no vertical separation needed in side by side move */
  margin-top: 0;
  grid-area: output;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellFooter {
  grid-area: footer;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellResizeHandle {
  grid-area: handle;
  user-select: none;
  display: block;
  height: 100%;
  cursor: ew-resize;
  padding: 0 var(--jp-cell-padding);
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellResizeHandle::after {
  content: '';
  display: block;
  background: var(--jp-border-color2);
  height: 100%;
  width: 5px;
}

.jp-mod-sideBySide.jp-Notebook
  .jp-CodeCell.jp-mod-resizedCell
  .jp-CellResizeHandle::after {
  background: var(--jp-border-color0);
}

.jp-CellResizeHandle {
  display: none;
}

/*-----------------------------------------------------------------------------
| Placeholder
|----------------------------------------------------------------------------*/

.jp-Cell-Placeholder {
  padding-left: 55px;
}

.jp-Cell-Placeholder-wrapper {
  background: #fff;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 10px 15px;
}

.jp-Cell-Placeholder-wrapper-inner {
  padding: 15px;
  position: relative;
}

.jp-Cell-Placeholder-wrapper-body {
  background-repeat: repeat;
  background-size: 50% auto;
}

.jp-Cell-Placeholder-wrapper-body div {
  background: #f6f7f8;
  background-image: -webkit-linear-gradient(
    left,
    #f6f7f8 0%,
    #edeef1 20%,
    #f6f7f8 40%,
    #f6f7f8 100%
  );
  background-repeat: no-repeat;
  background-size: 800px 104px;
  height: 104px;
  position: absolute;
  right: 15px;
  left: 15px;
  top: 15px;
}

div.jp-Cell-Placeholder-h1 {
  top: 20px;
  height: 20px;
  left: 15px;
  width: 150px;
}

div.jp-Cell-Placeholder-h2 {
  left: 15px;
  top: 50px;
  height: 10px;
  width: 100px;
}

div.jp-Cell-Placeholder-content-1,
div.jp-Cell-Placeholder-content-2,
div.jp-Cell-Placeholder-content-3 {
  left: 15px;
  right: 15px;
  height: 10px;
}

div.jp-Cell-Placeholder-content-1 {
  top: 100px;
}

div.jp-Cell-Placeholder-content-2 {
  top: 120px;
}

div.jp-Cell-Placeholder-content-3 {
  top: 140px;
}

</style>
<style type="text/css">
/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*
The following CSS variables define the main, public API for styling JupyterLab.
These variables should be used by all plugins wherever possible. In other
words, plugins should not define custom colors, sizes, etc unless absolutely
necessary. This enables users to change the visual theme of JupyterLab
by changing these variables.

Many variables appear in an ordered sequence (0,1,2,3). These sequences
are designed to work well together, so for example, `--jp-border-color1` should
be used with `--jp-layout-color1`. The numbers have the following meanings:

* 0: super-primary, reserved for special emphasis
* 1: primary, most important under normal situations
* 2: secondary, next most important under normal situations
* 3: tertiary, next most important under normal situations

Throughout JupyterLab, we are mostly following principles from Google's
Material Design when selecting colors. We are not, however, following
all of MD as it is not optimized for dense, information rich UIs.
*/

:root {
  /* Elevation
   *
   * We style box-shadows using Material Design's idea of elevation. These particular numbers are taken from here:
   *
   * https://github.com/material-components/material-components-web
   * https://material-components-web.appspot.com/elevation.html
   */

  --jp-shadow-base-lightness: 0;
  --jp-shadow-umbra-color: rgba(
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    0.2
  );
  --jp-shadow-penumbra-color: rgba(
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    0.14
  );
  --jp-shadow-ambient-color: rgba(
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    0.12
  );
  --jp-elevation-z0: none;
  --jp-elevation-z1: 0 2px 1px -1px var(--jp-shadow-umbra-color),
    0 1px 1px 0 var(--jp-shadow-penumbra-color),
    0 1px 3px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z2: 0 3px 1px -2px var(--jp-shadow-umbra-color),
    0 2px 2px 0 var(--jp-shadow-penumbra-color),
    0 1px 5px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z4: 0 2px 4px -1px var(--jp-shadow-umbra-color),
    0 4px 5px 0 var(--jp-shadow-penumbra-color),
    0 1px 10px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z6: 0 3px 5px -1px var(--jp-shadow-umbra-color),
    0 6px 10px 0 var(--jp-shadow-penumbra-color),
    0 1px 18px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z8: 0 5px 5px -3px var(--jp-shadow-umbra-color),
    0 8px 10px 1px var(--jp-shadow-penumbra-color),
    0 3px 14px 2px var(--jp-shadow-ambient-color);
  --jp-elevation-z12: 0 7px 8px -4px var(--jp-shadow-umbra-color),
    0 12px 17px 2px var(--jp-shadow-penumbra-color),
    0 5px 22px 4px var(--jp-shadow-ambient-color);
  --jp-elevation-z16: 0 8px 10px -5px var(--jp-shadow-umbra-color),
    0 16px 24px 2px var(--jp-shadow-penumbra-color),
    0 6px 30px 5px var(--jp-shadow-ambient-color);
  --jp-elevation-z20: 0 10px 13px -6px var(--jp-shadow-umbra-color),
    0 20px 31px 3px var(--jp-shadow-penumbra-color),
    0 8px 38px 7px var(--jp-shadow-ambient-color);
  --jp-elevation-z24: 0 11px 15px -7px var(--jp-shadow-umbra-color),
    0 24px 38px 3px var(--jp-shadow-penumbra-color),
    0 9px 46px 8px var(--jp-shadow-ambient-color);

  /* Borders
   *
   * The following variables, specify the visual styling of borders in JupyterLab.
   */

  --jp-border-width: 1px;
  --jp-border-color0: var(--md-grey-400);
  --jp-border-color1: var(--md-grey-400);
  --jp-border-color2: var(--md-grey-300);
  --jp-border-color3: var(--md-grey-200);
  --jp-inverse-border-color: var(--md-grey-600);
  --jp-border-radius: 2px;

  /* UI Fonts
   *
   * The UI font CSS variables are used for the typography all of the JupyterLab
   * user interface elements that are not directly user generated content.
   *
   * The font sizing here is done assuming that the body font size of --jp-ui-font-size1
   * is applied to a parent element. When children elements, such as headings, are sized
   * in em all things will be computed relative to that body size.
   */

  --jp-ui-font-scale-factor: 1.2;
  --jp-ui-font-size0: 0.83333em;
  --jp-ui-font-size1: 13px; /* Base font size */
  --jp-ui-font-size2: 1.2em;
  --jp-ui-font-size3: 1.44em;
  --jp-ui-font-family: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI',
    helvetica, arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';

  /*
   * Use these font colors against the corresponding main layout colors.
   * In a light theme, these go from dark to light.
   */

  /* Defaults use Material Design specification */
  --jp-ui-font-color0: rgba(0, 0, 0, 1);
  --jp-ui-font-color1: rgba(0, 0, 0, 0.87);
  --jp-ui-font-color2: rgba(0, 0, 0, 0.54);
  --jp-ui-font-color3: rgba(0, 0, 0, 0.38);

  /*
   * Use these against the brand/accent/warn/error colors.
   * These will typically go from light to darker, in both a dark and light theme.
   */

  --jp-ui-inverse-font-color0: rgba(255, 255, 255, 1);
  --jp-ui-inverse-font-color1: rgba(255, 255, 255, 1);
  --jp-ui-inverse-font-color2: rgba(255, 255, 255, 0.7);
  --jp-ui-inverse-font-color3: rgba(255, 255, 255, 0.5);

  /* Content Fonts
   *
   * Content font variables are used for typography of user generated content.
   *
   * The font sizing here is done assuming that the body font size of --jp-content-font-size1
   * is applied to a parent element. When children elements, such as headings, are sized
   * in em all things will be computed relative to that body size.
   */

  --jp-content-line-height: 1.6;
  --jp-content-font-scale-factor: 1.2;
  --jp-content-font-size0: 0.83333em;
  --jp-content-font-size1: 14px; /* Base font size */
  --jp-content-font-size2: 1.2em;
  --jp-content-font-size3: 1.44em;
  --jp-content-font-size4: 1.728em;
  --jp-content-font-size5: 2.0736em;

  /* This gives a magnification of about 125% in presentation mode over normal. */
  --jp-content-presentation-font-size1: 17px;
  --jp-content-heading-line-height: 1;
  --jp-content-heading-margin-top: 1.2em;
  --jp-content-heading-margin-bottom: 0.8em;
  --jp-content-heading-font-weight: 500;

  /* Defaults use Material Design specification */
  --jp-content-font-color0: rgba(0, 0, 0, 1);
  --jp-content-font-color1: rgba(0, 0, 0, 0.87);
  --jp-content-font-color2: rgba(0, 0, 0, 0.54);
  --jp-content-font-color3: rgba(0, 0, 0, 0.38);
  --jp-content-link-color: var(--md-blue-900);
  --jp-content-font-family: system-ui, -apple-system, blinkmacsystemfont,
    'Segoe UI', helvetica, arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';

  /*
   * Code Fonts
   *
   * Code font variables are used for typography of code and other monospaces content.
   */

  --jp-code-font-size: 13px;
  --jp-code-line-height: 1.3077; /* 17px for 13px base */
  --jp-code-padding: 5px; /* 5px for 13px base, codemirror highlighting needs integer px value */
  --jp-code-font-family-default: menlo, consolas, 'DejaVu Sans Mono', monospace;
  --jp-code-font-family: var(--jp-code-font-family-default);

  /* This gives a magnification of about 125% in presentation mode over normal. */
  --jp-code-presentation-font-size: 16px;

  /* may need to tweak cursor width if you change font size */
  --jp-code-cursor-width0: 1.4px;
  --jp-code-cursor-width1: 2px;
  --jp-code-cursor-width2: 4px;

  /* Layout
   *
   * The following are the main layout colors use in JupyterLab. In a light
   * theme these would go from light to dark.
   */

  --jp-layout-color0: white;
  --jp-layout-color1: white;
  --jp-layout-color2: var(--md-grey-200);
  --jp-layout-color3: var(--md-grey-400);
  --jp-layout-color4: var(--md-grey-600);

  /* Inverse Layout
   *
   * The following are the inverse layout colors use in JupyterLab. In a light
   * theme these would go from dark to light.
   */

  --jp-inverse-layout-color0: #111;
  --jp-inverse-layout-color1: var(--md-grey-900);
  --jp-inverse-layout-color2: var(--md-grey-800);
  --jp-inverse-layout-color3: var(--md-grey-700);
  --jp-inverse-layout-color4: var(--md-grey-600);

  /* Brand/accent */

  --jp-brand-color0: var(--md-blue-900);
  --jp-brand-color1: var(--md-blue-700);
  --jp-brand-color2: var(--md-blue-300);
  --jp-brand-color3: var(--md-blue-100);
  --jp-brand-color4: var(--md-blue-50);
  --jp-accent-color0: var(--md-green-900);
  --jp-accent-color1: var(--md-green-700);
  --jp-accent-color2: var(--md-green-300);
  --jp-accent-color3: var(--md-green-100);

  /* State colors (warn, error, success, info) */

  --jp-warn-color0: var(--md-orange-900);
  --jp-warn-color1: var(--md-orange-700);
  --jp-warn-color2: var(--md-orange-300);
  --jp-warn-color3: var(--md-orange-100);
  --jp-error-color0: var(--md-red-900);
  --jp-error-color1: var(--md-red-700);
  --jp-error-color2: var(--md-red-300);
  --jp-error-color3: var(--md-red-100);
  --jp-success-color0: var(--md-green-900);
  --jp-success-color1: var(--md-green-700);
  --jp-success-color2: var(--md-green-300);
  --jp-success-color3: var(--md-green-100);
  --jp-info-color0: var(--md-cyan-900);
  --jp-info-color1: var(--md-cyan-700);
  --jp-info-color2: var(--md-cyan-300);
  --jp-info-color3: var(--md-cyan-100);

  /* Cell specific styles */

  --jp-cell-padding: 5px;
  --jp-cell-collapser-width: 8px;
  --jp-cell-collapser-min-height: 20px;
  --jp-cell-collapser-not-active-hover-opacity: 0.6;
  --jp-cell-editor-background: var(--md-grey-100);
  --jp-cell-editor-border-color: var(--md-grey-300);
  --jp-cell-editor-box-shadow: inset 0 0 2px var(--md-blue-300);
  --jp-cell-editor-active-background: var(--jp-layout-color0);
  --jp-cell-editor-active-border-color: var(--jp-brand-color1);
  --jp-cell-prompt-width: 64px;
  --jp-cell-prompt-font-family: var(--jp-code-font-family-default);
  --jp-cell-prompt-letter-spacing: 0;
  --jp-cell-prompt-opacity: 1;
  --jp-cell-prompt-not-active-opacity: 0.5;
  --jp-cell-prompt-not-active-font-color: var(--md-grey-700);

  /* A custom blend of MD grey and blue 600
   * See https://meyerweb.com/eric/tools/color-blend/#546E7A:1E88E5:5:hex */
  --jp-cell-inprompt-font-color: #307fc1;

  /* A custom blend of MD grey and orange 600
   * https://meyerweb.com/eric/tools/color-blend/#546E7A:F4511E:5:hex */
  --jp-cell-outprompt-font-color: #bf5b3d;

  /* Notebook specific styles */

  --jp-notebook-padding: 10px;
  --jp-notebook-select-background: var(--jp-layout-color1);
  --jp-notebook-multiselected-color: var(--md-blue-50);

  /* The scroll padding is calculated to fill enough space at the bottom of the
  notebook to show one single-line cell (with appropriate padding) at the top
  when the notebook is scrolled all the way to the bottom. We also subtract one
  pixel so that no scrollbar appears if we have just one single-line cell in the
  notebook. This padding is to enable a 'scroll past end' feature in a notebook.
  */
  --jp-notebook-scroll-padding: calc(
    100% - var(--jp-code-font-size) * var(--jp-code-line-height) -
      var(--jp-code-padding) - var(--jp-cell-padding) - 1px
  );

  /* Rendermime styles */

  --jp-rendermime-error-background: #fdd;
  --jp-rendermime-table-row-background: var(--md-grey-100);
  --jp-rendermime-table-row-hover-background: var(--md-light-blue-50);

  /* Dialog specific styles */

  --jp-dialog-background: rgba(0, 0, 0, 0.25);

  /* Console specific styles */

  --jp-console-padding: 10px;

  /* Toolbar specific styles */

  --jp-toolbar-border-color: var(--jp-border-color1);
  --jp-toolbar-micro-height: 8px;
  --jp-toolbar-background: var(--jp-layout-color1);
  --jp-toolbar-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24);
  --jp-toolbar-header-margin: 4px 4px 0 4px;
  --jp-toolbar-active-background: var(--md-grey-300);

  /* Statusbar specific styles */

  --jp-statusbar-height: 24px;

  /* Input field styles */

  --jp-input-box-shadow: inset 0 0 2px var(--md-blue-300);
  --jp-input-active-background: var(--jp-layout-color1);
  --jp-input-hover-background: var(--jp-layout-color1);
  --jp-input-background: var(--md-grey-100);
  --jp-input-border-color: var(--jp-inverse-border-color);
  --jp-input-active-border-color: var(--jp-brand-color1);
  --jp-input-active-box-shadow-color: rgba(19, 124, 189, 0.3);

  /* General editor styles */

  --jp-editor-selected-background: #d9d9d9;
  --jp-editor-selected-focused-background: #d7d4f0;
  --jp-editor-cursor-color: var(--jp-ui-font-color0);

  /* Code mirror specific styles */

  --jp-mirror-editor-keyword-color: #008000;
  --jp-mirror-editor-atom-color: #88f;
  --jp-mirror-editor-number-color: #080;
  --jp-mirror-editor-def-color: #00f;
  --jp-mirror-editor-variable-color: var(--md-grey-900);
  --jp-mirror-editor-variable-2-color: rgb(0, 54, 109);
  --jp-mirror-editor-variable-3-color: #085;
  --jp-mirror-editor-punctuation-color: #05a;
  --jp-mirror-editor-property-color: #05a;
  --jp-mirror-editor-operator-color: #a2f;
  --jp-mirror-editor-comment-color: #408080;
  --jp-mirror-editor-string-color: #ba2121;
  --jp-mirror-editor-string-2-color: #708;
  --jp-mirror-editor-meta-color: #a2f;
  --jp-mirror-editor-qualifier-color: #555;
  --jp-mirror-editor-builtin-color: #008000;
  --jp-mirror-editor-bracket-color: #997;
  --jp-mirror-editor-tag-color: #170;
  --jp-mirror-editor-attribute-color: #00c;
  --jp-mirror-editor-header-color: blue;
  --jp-mirror-editor-quote-color: #090;
  --jp-mirror-editor-link-color: #00c;
  --jp-mirror-editor-error-color: #f00;
  --jp-mirror-editor-hr-color: #999;

  /*
    RTC user specific colors.
    These colors are used for the cursor, username in the editor,
    and the icon of the user.
  */

  --jp-collaborator-color1: #ffad8e;
  --jp-collaborator-color2: #dac83d;
  --jp-collaborator-color3: #72dd76;
  --jp-collaborator-color4: #00e4d0;
  --jp-collaborator-color5: #45d4ff;
  --jp-collaborator-color6: #e2b1ff;
  --jp-collaborator-color7: #ff9de6;

  /* Vega extension styles */

  --jp-vega-background: white;

  /* Sidebar-related styles */

  --jp-sidebar-min-width: 250px;

  /* Search-related styles */

  --jp-search-toggle-off-opacity: 0.5;
  --jp-search-toggle-hover-opacity: 0.8;
  --jp-search-toggle-on-opacity: 1;
  --jp-search-selected-match-background-color: rgb(245, 200, 0);
  --jp-search-selected-match-color: black;
  --jp-search-unselected-match-background-color: var(
    --jp-inverse-layout-color0
  );
  --jp-search-unselected-match-color: var(--jp-ui-inverse-font-color0);

  /* Icon colors that work well with light or dark backgrounds */
  --jp-icon-contrast-color0: var(--md-purple-600);
  --jp-icon-contrast-color1: var(--md-green-600);
  --jp-icon-contrast-color2: var(--md-pink-600);
  --jp-icon-contrast-color3: var(--md-blue-600);

  /* Button colors */
  --jp-accept-color-normal: var(--md-blue-700);
  --jp-accept-color-hover: var(--md-blue-800);
  --jp-accept-color-active: var(--md-blue-900);
  --jp-warn-color-normal: var(--md-red-700);
  --jp-warn-color-hover: var(--md-red-800);
  --jp-warn-color-active: var(--md-red-900);
  --jp-reject-color-normal: var(--md-grey-600);
  --jp-reject-color-hover: var(--md-grey-700);
  --jp-reject-color-active: var(--md-grey-800);

  /* File or activity icons and switch semantic variables */
  --jp-jupyter-icon-color: #f37626;
  --jp-notebook-icon-color: #f37626;
  --jp-json-icon-color: var(--md-orange-700);
  --jp-console-icon-background-color: var(--md-blue-700);
  --jp-console-icon-color: white;
  --jp-terminal-icon-background-color: var(--md-grey-800);
  --jp-terminal-icon-color: var(--md-grey-200);
  --jp-text-editor-icon-color: var(--md-grey-700);
  --jp-inspector-icon-color: var(--md-grey-700);
  --jp-switch-color: var(--md-grey-400);
  --jp-switch-true-position-color: var(--md-orange-900);
}
</style>
<style type="text/css">
/* Force rendering true colors when outputing to pdf */
* {
  -webkit-print-color-adjust: exact;
}

/* Misc */
a.anchor-link {
  display: none;
}

/* Input area styling */
.jp-InputArea {
  overflow: hidden;
}

.jp-InputArea-editor {
  overflow: hidden;
}

.cm-editor.cm-s-jupyter .highlight pre {
/* weird, but --jp-code-padding defined to be 5px but 4px horizontal padding is hardcoded for pre.cm-line */
  padding: var(--jp-code-padding) 4px;
  margin: 0;

  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;

}

.jp-OutputArea-output pre {
  line-height: inherit;
  font-family: inherit;
}

.jp-RenderedText pre {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-code-font-size);
}

/* Hiding the collapser by default */
.jp-Collapser {
  display: none;
}

@page {
    margin: 0.5in; /* Margin for each printed piece of paper */
}

@media print {
  .jp-Cell-inputWrapper,
  .jp-Cell-outputWrapper {
    display: block;
  }
}
</style>
<!-- Load mathjax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/latest.js?config=TeX-AMS_CHTML-full,Safe"> </script>
<!-- MathJax configuration -->
<script type="text/x-mathjax-config">
    init_mathjax = function() {
        if (window.MathJax) {
        // MathJax loaded
            MathJax.Hub.Config({
                TeX: {
                    equationNumbers: {
                    autoNumber: "AMS",
                    useLabelIds: true
                    }
                },
                tex2jax: {
                    inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                    displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
                    processEscapes: true,
                    processEnvironments: true
                },
                displayAlign: 'center',
                CommonHTML: {
                    linebreaks: {
                    automatic: true
                    }
                }
            });

            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
        }
    }
    init_mathjax();
    </script>
<!-- End of mathjax configuration --><script type="module">
  document.addEventListener("DOMContentLoaded", async () => {
    const diagrams = document.querySelectorAll(".jp-Mermaid > pre.mermaid");
    // do not load mermaidjs if not needed
    if (!diagrams.length) {
      return;
    }
    const mermaid = (await import("https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.6.0/mermaid.esm.min.mjs")).default;
    const parser = new DOMParser();

    mermaid.initialize({
      maxTextSize: 100000,
      startOnLoad: false,
      fontFamily: window
        .getComputedStyle(document.body)
        .getPropertyValue("--jp-ui-font-family"),
      theme: document.querySelector("body[data-jp-theme-light='true']")
        ? "default"
        : "dark",
    });

    let _nextMermaidId = 0;

    function makeMermaidImage(svg) {
      const img = document.createElement("img");
      const doc = parser.parseFromString(svg, "image/svg+xml");
      const svgEl = doc.querySelector("svg");
      const { maxWidth } = svgEl?.style || {};
      const firstTitle = doc.querySelector("title");
      const firstDesc = doc.querySelector("desc");

      img.setAttribute("src", `data:image/svg+xml,${encodeURIComponent(svg)}`);
      if (maxWidth) {
        img.width = parseInt(maxWidth);
      }
      if (firstTitle) {
        img.setAttribute("alt", firstTitle.textContent);
      }
      if (firstDesc) {
        const caption = document.createElement("figcaption");
        caption.className = "sr-only";
        caption.textContent = firstDesc.textContent;
        return [img, caption];
      }
      return [img];
    }

    async function makeMermaidError(text) {
      let errorMessage = "";
      try {
        await mermaid.parse(text);
      } catch (err) {
        errorMessage = `${err}`;
      }

      const result = document.createElement("details");
      result.className = 'jp-RenderedMermaid-Details';
      const summary = document.createElement("summary");
      summary.className = 'jp-RenderedMermaid-Summary';
      const pre = document.createElement("pre");
      const code = document.createElement("code");
      code.innerText = text;
      pre.appendChild(code);
      summary.appendChild(pre);
      result.appendChild(summary);

      const warning = document.createElement("pre");
      warning.innerText = errorMessage;
      result.appendChild(warning);
      return [result];
    }

    async function renderOneMarmaid(src) {
      const id = `jp-mermaid-${_nextMermaidId++}`;
      const parent = src.parentNode;
      let raw = src.textContent.trim();
      const el = document.createElement("div");
      el.style.visibility = "hidden";
      document.body.appendChild(el);
      let results = null;
      let output = null;
      try {
        const { svg } = await mermaid.render(id, raw, el);
        results = makeMermaidImage(svg);
        output = document.createElement("figure");
        results.map(output.appendChild, output);
      } catch (err) {
        parent.classList.add("jp-mod-warning");
        results = await makeMermaidError(raw);
        output = results[0];
      } finally {
        el.remove();
      }
      parent.classList.add("jp-RenderedMermaid");
      parent.appendChild(output);
    }

    void Promise.all([...diagrams].map(renderOneMarmaid));
  });
</script>
<style>
  .jp-Mermaid:not(.jp-RenderedMermaid) {
    display: none;
  }

  .jp-RenderedMermaid {
    overflow: auto;
    display: flex;
  }

  .jp-RenderedMermaid.jp-mod-warning {
    width: auto;
    padding: 0.5em;
    margin-top: 0.5em;
    border: var(--jp-border-width) solid var(--jp-warn-color2);
    border-radius: var(--jp-border-radius);
    color: var(--jp-ui-font-color1);
    font-size: var(--jp-ui-font-size1);
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  .jp-RenderedMermaid figure {
    margin: 0;
    overflow: auto;
    max-width: 100%;
  }

  .jp-RenderedMermaid img {
    max-width: 100%;
  }

  .jp-RenderedMermaid-Details > pre {
    margin-top: 1em;
  }

  .jp-RenderedMermaid-Summary {
    color: var(--jp-warn-color2);
  }

  .jp-RenderedMermaid:not(.jp-mod-warning) pre {
    display: none;
  }

  .jp-RenderedMermaid-Summary > pre {
    display: inline-block;
    white-space: normal;
  }
</style>
<!-- End of mermaid configuration --></head>
<body class="jp-Notebook" data-jp-theme-light="true" data-jp-theme-name="JupyterLab Light">
<main><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=92e5f32b-5e72-497b-ab5b-178ca3777205">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [9]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">requests</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>  
<span class="kn">from</span> <span class="nn">bs4</span> <span class="kn">import</span>   <span class="n">BeautifulSoup</span>
<span class="n">ur1</span><span class="o">=</span><span class="s1">'https://movie.douban.com/'</span>
<span class="n">header</span><span class="o">=</span><span class="p">{</span><span class="s2">"User-Agent"</span><span class="p">:</span><span class="s2">"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 Edg/123.0.0.0"</span><span class="p">}</span>
<span class="n">path</span><span class="o">=</span><span class="s2">"C:/Users/Administrator/Desktop/first.xlsx"</span>   
<span class="c1"># ***************** Begin ******************** #</span>
<span class="n">response</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">ur1</span><span class="p">,</span> <span class="n">headers</span><span class="o">=</span><span class="n">header</span><span class="p">)</span>
<span class="n">response</span><span class="o">.</span><span class="n">encoding</span> <span class="o">=</span> <span class="s2">"utf-8"</span>
<span class="n">a</span> <span class="o">=</span> <span class="n">response</span><span class="o">.</span><span class="n">text</span>
<span class="n">soup</span><span class="o">=</span><span class="n">BeautifulSoup</span><span class="p">(</span><span class="n">a</span><span class="p">,</span><span class="s1">'lxml'</span><span class="p">)</span>  
<span class="nb">print</span><span class="p">(</span><span class="n">soup</span><span class="p">)</span>
<span class="n">name</span><span class="o">=</span><span class="p">[]</span>
<span class="n">name1</span><span class="o">=</span><span class="p">[]</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>&lt;!DOCTYPE html&gt;
&lt;html class="ua-windows ua-webkit" lang="zh-CN"&gt;
&lt;head&gt;
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;meta content="webkit" name="renderer"/&gt;
&lt;meta content="always" name="referrer"/&gt;
&lt;meta content="ok0wCgT20tBBgo9_zat2iAcimtN4Ftf5ccsh092Xeyw" name="google-site-verification"/&gt;
&lt;title&gt;
        豆瓣电影
&lt;/title&gt;
&lt;meta content="cZdR4xxR7RxmM4zE" name="baidu-site-verification"/&gt;
&lt;meta content="no-cache" http-equiv="Pragma"/&gt;
&lt;meta content="Sun, 6 Mar 2006 01:00:00 GMT" http-equiv="Expires"/&gt;
&lt;meta content="format=xhtml; url=https://m.douban.com/movie/" http-equiv="mobile-agent"/&gt;
&lt;meta content="13753521351564752166375" property="qc:admins"/&gt;
&lt;meta content="电影、经典电影、热映、电视剧、美剧、影评、电影院、电影票、排行、推荐" name="keywords"/&gt;
&lt;meta content="豆瓣电影提供最新的电影介绍及评论包括上映影片的影讯查询及购票服务。你可以记录想看、在看和看过的电影电视剧，顺便打分、写影评。根据你的口味，豆瓣电影会推荐好电影给你。" name="description"/&gt;
&lt;link href="https://img1.doubanio.com/cuphead/movie-static/pics/apple-touch-icon.png" rel="apple-touch-icon"/&gt;
&lt;link href="https://img1.doubanio.com/f/vendors/e92483e5e4c9c60cc75cbd8b700a2fd5b5fdf7b0/css/douban.css" rel="stylesheet" type="text/css"/&gt;
&lt;link href="https://img1.doubanio.com/f/vendors/ee6598d46af0bc554cecec9bcbf525b9b0582cb0/css/separation/_all.css" rel="stylesheet" type="text/css"/&gt;
&lt;link href="https://img1.doubanio.com/cuphead/movie-static/base/init.15f4b.css" rel="stylesheet"/&gt;
&lt;script type="text/javascript"&gt;var _head_start = new Date();&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/0511abe9863c2ea7084efa7e24d1d86c5b3974f1/js/jquery-1.10.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/e057439e70105417dffc6fab571688d52efeab23/js/douban.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/b0d3faaf7a432605add54908e39e17746824d6cc/js/separation/_all.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;link href="https://img9.doubanio.com/cuphead/movie-static/home/home.da1c6.css" rel="stylesheet"/&gt;
&lt;link href="https://img1.doubanio.com/cuphead/movie-static/common/screening.d89dc.css" rel="stylesheet"/&gt;
&lt;script type="text/javascript"&gt;
  var _vwo_code = (function() {
    var account_id = 249272,
      settings_tolerance = 0,
      library_tolerance = 2500,
      use_existing_jquery = false,
      // DO NOT EDIT BELOW THIS LINE
      f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&amp;u='+encodeURIComponent(d.URL)+'&amp;r='+Math.random());return settings_timer;}};}());

  +function () {
    var bindEvent = function (el, type, handler) {
        var $ = window.jQuery || window.Zepto || window.$
       if ($ &amp;&amp; $.fn &amp;&amp; $.fn.on) {
           $(el).on(type, handler)
       } else if($ &amp;&amp; $.fn &amp;&amp; $.fn.bind) {
           $(el).bind(type, handler)
       } else if (el.addEventListener){
         el.addEventListener(type, handler, false);
       } else if (el.attachEvent){
         el.attachEvent("on" + type, handler);
       } else {
         el["on" + type] = handler;
       }
     }

    var _origin_load = _vwo_code.load
    _vwo_code.load = function () {
      var args = [].slice.call(arguments)
      bindEvent(window, 'load', function () {
        _origin_load.apply(_vwo_code, args)
      })
    }
  }()

  _vwo_settings_timer = _vwo_code.init();
  &lt;/script&gt;
&lt;style type="text/css"&gt;&lt;/style&gt;
&lt;style type="text/css"&gt;img { max-width: 100%; }&lt;/style&gt;
&lt;script type="text/javascript"&gt;&lt;/script&gt;
&lt;link href="https://img1.doubanio.com/misc/mixed_static/2cf85b142cd6be63.css" rel="stylesheet"/&gt;
&lt;link href="https://img1.doubanio.com/favicon.ico" rel="shortcut icon" type="image/x-icon"/&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script type="text/javascript"&gt;var _body_start = new Date();&lt;/script&gt;
&lt;link href="//img3.doubanio.com/dae/accounts/resources/ded47ae/shire/bundle.css" rel="stylesheet" type="text/css"/&gt;
&lt;div class="global-nav" id="db-global-nav"&gt;
&lt;div class="bd"&gt;
&lt;div class="top-nav-info"&gt;
&lt;a class="nav-login" href="https://accounts.douban.com/passport/login?source=movie" rel="nofollow"&gt;登录/注册&lt;/a&gt;
&lt;/div&gt;
&lt;div class="top-nav-doubanapp"&gt;
&lt;a class="lnk-doubanapp" href="https://www.douban.com/doubanapp/app?channel=top-nav"&gt;下载豆瓣客户端&lt;/a&gt;
&lt;div id="doubanapp-tip"&gt;
&lt;a class="tip-link" href="https://www.douban.com/doubanapp/app?channel=qipao"&gt;豆瓣 &lt;span class="version"&gt;6.0&lt;/span&gt; 全新发布&lt;/a&gt;
&lt;a class="tip-close" href="javascript: void 0;"&gt;×&lt;/a&gt;
&lt;/div&gt;
&lt;div class="more-items" id="top-nav-appintro"&gt;
&lt;p class="appintro-title"&gt;豆瓣&lt;/p&gt;
&lt;p class="qrcode"&gt;扫码直接下载&lt;/p&gt;
&lt;div class="download"&gt;
&lt;a href="https://www.douban.com/doubanapp/redirect?channel=top-nav&amp;amp;direct_dl=1&amp;amp;download=iOS"&gt;iPhone&lt;/a&gt;
&lt;span&gt;·&lt;/span&gt;
&lt;a class="download-android" href="https://www.douban.com/doubanapp/redirect?channel=top-nav&amp;amp;direct_dl=1&amp;amp;download=Android"&gt;Android&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="global-nav-items"&gt;
&lt;ul&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-main","uid":"0"}' href="https://www.douban.com" target="_blank"&gt;豆瓣&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-book","uid":"0"}' href="https://book.douban.com" target="_blank"&gt;读书&lt;/a&gt;
&lt;/li&gt;
&lt;li class="on"&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-movie","uid":"0"}' href="https://movie.douban.com"&gt;电影&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-music","uid":"0"}' href="https://music.douban.com" target="_blank"&gt;音乐&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-location","uid":"0"}' href="https://www.douban.com/location" target="_blank"&gt;同城&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-group","uid":"0"}' href="https://www.douban.com/group" target="_blank"&gt;小组&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-read","uid":"0"}' href="https://read.douban.com/?dcs=top-nav&amp;amp;dcm=douban" target="_blank"&gt;阅读&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-fm","uid":"0"}' href="https://fm.douban.com/?from_=shire_top_nav" target="_blank"&gt;FM&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-time","uid":"0"}' href="https://time.douban.com/?dt_time_source=douban-web_top_nav" target="_blank"&gt;时间&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-market","uid":"0"}' href="https://market.douban.com/?utm_campaign=douban_top_nav&amp;amp;utm_source=douban&amp;amp;utm_medium=pc_web" target="_blank"&gt;豆品&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
  ;window._GLOBAL_NAV = {
    DOUBAN_URL: "https://www.douban.com",
    N_NEW_NOTIS: 0,
    N_NEW_DOUMAIL: 0
  };
&lt;/script&gt;
&lt;script defer="defer" src="//img3.doubanio.com/dae/accounts/resources/ded47ae/shire/bundle.js"&gt;&lt;/script&gt;
&lt;link href="//img3.doubanio.com/dae/accounts/resources/ded47ae/movie/bundle.css" rel="stylesheet" type="text/css"/&gt;
&lt;div class="nav" id="db-nav-movie"&gt;
&lt;div class="nav-wrap"&gt;
&lt;div class="nav-primary"&gt;
&lt;div class="nav-logo"&gt;
&lt;a href="https://movie.douban.com"&gt;豆瓣电影&lt;/a&gt;
&lt;/div&gt;
&lt;div class="nav-search"&gt;
&lt;form action="https://search.douban.com/movie/subject_search" method="get"&gt;
&lt;fieldset&gt;
&lt;legend&gt;搜索：&lt;/legend&gt;
&lt;label for="inp-query"&gt;
&lt;/label&gt;
&lt;div class="inp"&gt;&lt;input id="inp-query" maxlength="60" name="search_text" placeholder="搜索电影、电视剧、综艺、影人" size="22" value=""/&gt;&lt;/div&gt;
&lt;div class="inp-btn"&gt;&lt;input type="submit" value="搜索"/&gt;&lt;/div&gt;
&lt;input name="cat" type="hidden" value="1002"/&gt;
&lt;/fieldset&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="nav-secondary"&gt;
&lt;div class="nav-items"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/cinema/nowplaying/"&gt;影讯&amp;amp;购票&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/explore"&gt;选电影&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/tv/"&gt;电视剧&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/chart"&gt;排行榜&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/review/best/"&gt;影评&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/annual/2023/?fullscreen=1&amp;amp;source=navigation"&gt;2023年度榜单&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://c9.douban.com/app/standbyme-2023/?autorotate=false&amp;amp;fullscreen=true&amp;amp;hidenav=true&amp;amp;monitor_screenshot=true&amp;amp;source=web_navigation" target="_blank"&gt;2023年度报告&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;a class="movieannual" href="https://movie.douban.com/annual/2023/?fullscreen=1&amp;amp;source=movie_navigation"&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script id="suggResult" type="text/x-jquery-tmpl"&gt;
  &lt;li data-link="{{= url}}"&gt;
            &lt;a href="{{= url}}" onclick="moreurl(this, {from:'movie_search_sugg', query:'{{= keyword }}', subject_id:'{{= id}}', i: '{{= index}}', type: '{{= type}}'})"&gt;
            &lt;img src="{{= img}}" width="40" /&gt;
            &lt;p&gt;
                &lt;em&gt;{{= title}}&lt;/em&gt;
                {{if year}}
                    &lt;span&gt;{{= year}}&lt;/span&gt;
                {{/if}}
                {{if sub_title}}
                    &lt;br /&gt;&lt;span&gt;{{= sub_title}}&lt;/span&gt;
                {{/if}}
                {{if address}}
                    &lt;br /&gt;&lt;span&gt;{{= address}}&lt;/span&gt;
                {{/if}}
                {{if episode}}
                    {{if episode=="unknow"}}
                        &lt;br /&gt;&lt;span&gt;集数未知&lt;/span&gt;
                    {{else}}
                        &lt;br /&gt;&lt;span&gt;共{{= episode}}集&lt;/span&gt;
                    {{/if}}
                {{/if}}
            &lt;/p&gt;
        &lt;/a&gt;
        &lt;/li&gt;
  &lt;/script&gt;
&lt;script defer="defer" src="//img3.doubanio.com/dae/accounts/resources/ded47ae/movie/bundle.js"&gt;&lt;/script&gt;
&lt;div id="wrapper"&gt;
&lt;div id="content"&gt;
&lt;div class="grid-16-8 clearfix"&gt;
&lt;div id="dale_movie_homepage_top_large"&gt;&lt;/div&gt;
&lt;div class="article"&gt;
&lt;script id="db-tmpl-subject-tip" type="text/x-jquery-tmpl"&gt;
        &lt;div id="subject-tip"&gt;
            &lt;div class="subject-tip-hd"&gt;
                &lt;h3&gt;{{= title}}&lt;span class="release-year"&gt;{{= release}}&lt;/span&gt;&lt;/h3&gt;
                &lt;p class="star"&gt;
                    &lt;span class="allstar{{= star}}"&gt;&lt;/span&gt;
                    {{if star != '00' }}
                        &lt;span class="subject-rating"&gt;{{= parseFloat(rate).toFixed(1)}}&lt;/span&gt;
                    {{/if}}
                    {{if enough}}
                        &lt;span class="rater-num"&gt;({{= rater}}人评价)&lt;/span&gt;
                    {{/if}}
                &lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="subject-tip-bd"&gt;
                &lt;ul&gt;
                    &lt;li&gt;&lt;span&gt;{{= duration}}&lt;/span&gt;&lt;span&gt;{{= type}}&lt;/span&gt;&lt;span&gt;{{= region}}&lt;/span&gt;&lt;/li&gt;
                    &lt;li class="director"&gt;&lt;span class="label"&gt;导演&lt;/span&gt;&lt;span&gt;{{= director}}&lt;/span&gt;&lt;/li&gt;
                    &lt;li class="actors"&gt;&lt;span class="label"&gt;主演&lt;/span&gt;&lt;span&gt;{{= actors}}&lt;/span&gt;&lt;/li&gt;
                &lt;/ul&gt;
                {{if intro}}
                    &lt;div class="subject-intro"&gt;
                        {{= intro}}
                    &lt;/div&gt;
                {{/if}}
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/script&gt;
&lt;div class="s" data-dstat-areaid="70" data-dstat-mode="click,expose" id="screening"&gt;
&lt;div class="screening-hd"&gt;
&lt;div class="ui-slide-control"&gt;
&lt;span class="prev-btn"&gt;&lt;a class="btn-prev" href="javascript:void(0)"&gt;&lt;/a&gt;&lt;/span&gt;
&lt;span class="next-btn"&gt;&lt;a class="btn-next" href="javascript:void(0)"&gt;&lt;/a&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div class="slide-tip"&gt;&lt;span class="ui-slide-index"&gt;1&lt;/span&gt; / &lt;span class="ui-slide-max"&gt;6&lt;/span&gt;&lt;/div&gt;
&lt;h2&gt;正在热映&lt;span&gt;&lt;a href="/cinema/nowplaying/" onclick="moreurl(this, {from:'mv_l_a'})"&gt;全部正在热映»&lt;/a&gt;&lt;/span&gt;&lt;span&gt;&lt;a href="./later/" onclick="moreurl(this, {from:'mv_l_w'})"&gt;即将上映»&lt;/a&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="screening-bd"&gt;
&lt;ul class="ui-slide-content" data-index-max="6" data-slide-index="1"&gt;
&lt;li class="ui-slide-item s" data-actors="山时聪真 / 菅田将晖 / 柴崎幸" data-director="宫崎骏" data-dstat-areaid="70_1" data-dstat-mode="click,expose" data-dstat-viewport=".screening-bd" data-dstat-watch=".ui-slide-content" data-duration="124分钟" data-enough="true" data-intro="" data-rate="7.7" data-rater="222826" data-region="日本" data-release="2023" data-star="40" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=26925611" data-title="你想活出怎样的人生 君たちはどう生きるか" data-trailer="https://movie.douban.com/subject/26925611/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/26925611/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="你想活出怎样的人生" class="" rel="nofollow" src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2906527755.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/26925611/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;你想活出怎样...&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar40"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;7.7&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=26925611" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="桑德拉·惠勒 / 斯万·阿劳德 / 米洛·马查多·格拉纳" data-director="茹斯汀·特里耶" data-duration="151分钟" data-enough="true" data-intro="" data-rate="8.7" data-rater="262398" data-region="法国" data-release="2023" data-star="45" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=35633650" data-title="坠落的审判 Anatomie d'une chute" data-trailer="https://movie.douban.com/subject/35633650/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/35633650/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="坠落的审判" class="" rel="nofollow" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2905578172.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/35633650/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;坠落的审判&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar45"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;8.7&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=35633650" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="吴磊 / 蒋勤勤 / 陈建斌" data-director="顾晓刚" data-duration="118分钟" data-enough="true" data-intro="" data-rate="6.6" data-rater="41169" data-region="中国大陆" data-release="2023" data-star="35" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=35240117" data-title="草木人间" data-trailer="https://movie.douban.com/subject/35240117/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/35240117/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="草木人间" class="" rel="nofollow" src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2905611921.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/35240117/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;草木人间&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar35"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;6.6&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=35240117" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="丽贝卡·豪尔 / 布莱恩·泰里·亨利 / 丹·史蒂文斯" data-director="亚当·温加德" data-duration="115分钟" data-enough="true" data-intro="" data-rate="6.8" data-rater="101396" data-region="美国" data-release="2024" data-star="35" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=35453251" data-title="哥斯拉大战金刚2：帝国崛起 Godzilla x Kong: The New Empire" data-trailer="https://movie.douban.com/subject/35453251/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/35453251/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="哥斯拉大战金刚2：帝国崛起" class="" rel="nofollow" src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2904477111.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/35453251/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;哥斯拉大战金...&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar35"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;6.8&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=35453251" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="金巴 / 熊梓淇 / 才丁扎西" data-director="万玛才旦" data-duration="109分钟" data-enough="true" data-intro="" data-rate="7.5" data-rater="9395" data-region="中国大陆" data-release="2023" data-star="40" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=35811006" data-title="雪豹" data-trailer="https://movie.douban.com/subject/35811006/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/35811006/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="雪豹" class="" rel="nofollow" src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2905897238.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/35811006/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;雪豹&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar40"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;7.5&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=35811006" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item s" data-actors="提莫西·查拉梅 / 赞达亚 / 丽贝卡·弗格森" data-director="丹尼斯·维伦纽瓦" data-dstat-areaid="70_2" data-dstat-mode="click,expose" data-dstat-viewport=".screening-bd" data-dstat-watch=".ui-slide-content" data-duration="166分钟" data-enough="true" data-intro="" data-rate="8.3" data-rater="378069" data-region="美国" data-release="2024" data-star="45" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=35575567" data-title="沙丘2 Dune: Part Two" data-trailer="https://movie.douban.com/subject/35575567/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/35575567/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="沙丘2" class="" rel="nofollow" src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2902227445.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/35575567/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;沙丘2&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar45"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;8.3&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=35575567" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="冯绍峰 / 陶虹 / 黄觉" data-director="徐伟" data-duration="99分钟" data-enough="true" data-intro="" data-rate="6.6" data-rater="13212" data-region="中国大陆" data-release="2024" data-star="35" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=30359440" data-title="黄雀在后！" data-trailer="https://movie.douban.com/subject/30359440/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/30359440/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="黄雀在后！" class="" rel="nofollow" src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2905336155.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/30359440/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;黄雀在后！&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar35"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;6.6&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=30359440" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="杰克·布莱克 / 奥卡菲娜 / 维奥拉·戴维斯" data-director="迈克·米切尔" data-duration="94分钟" data-enough="true" data-intro="" data-rate="6.5" data-rater="49711" data-region="美国" data-release="2024" data-star="35" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=26715496" data-title="功夫熊猫4 Kung Fu Panda 4" data-trailer="https://movie.douban.com/subject/26715496/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/26715496/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="功夫熊猫4" class="" rel="nofollow" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2903578097.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/26715496/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;功夫熊猫4&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar35"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;6.5&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=26715496" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="包贝尔 / 李嘉琦 / 周大勇" data-director="包贝尔" data-duration="98分钟" data-enough="false" data-intro="" data-rate="" data-rater="3125" data-region="中国大陆" data-release="2024" data-star="00" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36620953" data-title="大“反”派" data-trailer="https://movie.douban.com/subject/36620953/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36620953/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="大“反”派" class="" rel="nofollow" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2906075553.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36620953/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;大“反”派&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="text-tip"&gt;暂无评分&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36620953" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="阮经天 / 袁富华 / 陈以文" data-director="黄精甫" data-duration="134分钟" data-enough="true" data-intro="" data-rate="8.1" data-rater="816392" data-region="中国台湾" data-release="2023" data-star="40" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36151692" data-title="周处除三害 周處除三害" data-trailer="https://movie.douban.com/subject/36151692/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36151692/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="周处除三害" class="" rel="nofollow" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2905021483.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36151692/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;周处除三害&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar40"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;8.1&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36151692" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item s" data-actors="宋木子 / 合文俊 / 李飞" data-director="李阔" data-dstat-areaid="70_3" data-dstat-mode="click,expose" data-dstat-viewport=".screening-bd" data-dstat-watch=".ui-slide-content" data-duration="103分钟" data-enough="true" data-intro="" data-rate="7.0" data-rater="19428" data-region="中国大陆" data-release="2023" data-star="35" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36467351" data-title="银河写手" data-trailer="https://movie.douban.com/subject/36467351/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36467351/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="银河写手" class="" rel="nofollow" src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2905680871.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36467351/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;银河写手&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar35"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;7.0&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36467351" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="檀健次 / 张婧仪 / 蒋龙" data-director="韩琰" data-duration="112分钟" data-enough="true" data-intro="" data-rate="6.4" data-rater="41917" data-region="中国大陆" data-release="2024" data-star="35" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36173827" data-title="被我弄丢的你" data-trailer="https://movie.douban.com/subject/36173827/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36173827/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="被我弄丢的你" class="" rel="nofollow" src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2903285621.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36173827/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;被我弄丢的你...&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar35"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;6.4&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36173827" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="尤利娅·别列希尔德 / 米洛斯·比柯维奇 / 弗拉基米尔·马什科夫" data-director="克里姆·斯彭科" data-duration="120分钟(中国大陆)" data-enough="true" data-intro="" data-rate="8.1" data-rater="13162" data-region="俄罗斯" data-release="2023" data-star="40" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=35579911" data-title="挑战 Вызов" data-trailer="https://movie.douban.com/subject/35579911/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/35579911/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="挑战" class="" rel="nofollow" src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2905090551.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/35579911/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;挑战&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar40"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;8.1&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=35579911" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="彭昱畅 / 李庚希 / 徐帆" data-director="韩延" data-duration="129分钟" data-enough="true" data-intro="" data-rate="8.0" data-rater="64091" data-region="中国大陆" data-release="2024" data-star="40" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36149032" data-title="我们一起摇太阳" data-trailer="https://movie.douban.com/subject/36149032/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36149032/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="我们一起摇太阳" class="" rel="nofollow" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2904467472.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36149032/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;我们一起摇太...&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar40"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;8.0&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36149032" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="惠英红 / 刘浩存 / 张子贤" data-director="徐伟" data-duration="116分钟" data-enough="true" data-intro="" data-rate="6.2" data-rater="23226" data-region="中国大陆" data-release="2024" data-star="35" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=35633969" data-title="灿烂的她" data-trailer="https://movie.douban.com/subject/35633969/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/35633969/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="灿烂的她" class="" rel="nofollow" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2905379453.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/35633969/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;灿烂的她&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar35"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;6.2&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=35633969" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item s" data-actors="Yuriy / Irina / Svetlana" data-director="安德烈·科林考夫" data-dstat-areaid="70_4" data-dstat-mode="click,expose" data-dstat-viewport=".screening-bd" data-dstat-watch=".ui-slide-content" data-duration="82分钟(中国大陆)" data-enough="false" data-intro="" data-rate="" data-rater="217" data-region="俄罗斯" data-release="2023" data-star="00" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36327980" data-title="冰雪女王5：融冰之战 Снежная королева 5: Разморозка" data-trailer="https://movie.douban.com/subject/36327980/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36327980/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="冰雪女王5：融冰之战" class="" rel="nofollow" src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2905683171.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36327980/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;冰雪女王5：...&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="text-tip"&gt;暂无评分&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36327980" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="贾玲 / 雷佳音 / 张小斐" data-director="贾玲" data-duration="129分钟" data-enough="true" data-intro="" data-rate="7.8" data-rater="659697" data-region="中国大陆" data-release="2024" data-star="40" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36081094" data-title="热辣滚烫" data-trailer="https://movie.douban.com/subject/36081094/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36081094/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="热辣滚烫" class="" rel="nofollow" src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2904304396.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36081094/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;热辣滚烫&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar40"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;7.8&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36081094" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="张宸汐 / 黄昊月 / 法旭如" data-director="李亚东" data-duration="100分钟" data-enough="false" data-intro="" data-rate="" data-rater="51" data-region="中国大陆" data-release="2024" data-star="00" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36798716" data-title="幸福慢车" data-trailer="https://movie.douban.com/subject/36798716/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36798716/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="幸福慢车" class="" rel="nofollow" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2906194147.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36798716/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;幸福慢车&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="text-tip"&gt;暂无评分&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36798716" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="游乐儿 / 于珂然 / 任浩瑜" data-director="汪英杰" data-duration="" data-enough="false" data-intro="" data-rate="" data-rater="83" data-region="中国大陆" data-release="2024" data-star="00" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36686478" data-title="午夜怪谈" data-trailer="https://movie.douban.com/subject/36686478/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36686478/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="午夜怪谈" class="" rel="nofollow" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2902932803.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36686478/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;午夜怪谈&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="text-tip"&gt;暂无评分&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36686478" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="雷佳音 / 马丽 / 赵丽颖" data-director="张艺谋" data-duration="141分钟" data-enough="true" data-intro="" data-rate="7.7" data-rater="470269" data-region="中国大陆" data-release="2024" data-star="40" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36208094" data-title="第二十条" data-trailer="https://movie.douban.com/subject/36208094/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36208094/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="第二十条" class="" rel="nofollow" src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2903145026.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36208094/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;第二十条&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar40"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;7.7&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36208094" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item s" data-actors="陈明昊 / 郭晓东 / 李一桐" data-director="韩可一" data-dstat-areaid="70_5" data-dstat-mode="click,expose" data-dstat-viewport=".screening-bd" data-dstat-watch=".ui-slide-content" data-duration="111分钟" data-enough="false" data-intro="" data-rate="" data-rater="544" data-region="中国大陆" data-release="2024" data-star="00" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=35610045" data-title="堡垒" data-trailer="https://movie.douban.com/subject/35610045/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/35610045/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="堡垒" class="" rel="nofollow" src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2905808209.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/35610045/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;堡垒&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="text-tip"&gt;暂无评分&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=35610045" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="沈腾 / 范丞丞 / 尹正" data-director="韩寒" data-duration="121分钟" data-enough="true" data-intro="" data-rate="7.7" data-rater="507218" data-region="中国大陆" data-release="2024" data-star="40" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36369452" data-title="飞驰人生2" data-trailer="https://movie.douban.com/subject/36369452/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36369452/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="飞驰人生2" class="" rel="nofollow" src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2903066285.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36369452/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;飞驰人生2&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar40"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;7.7&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36369452" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="田中真弓 / 横泽启子 / 初井言荣" data-director="宫崎骏" data-duration="125分钟" data-enough="true" data-intro="对天空的追逐，永不停止。 " data-rate="9.2" data-rater="919189" data-region="日本" data-release="1986" data-star="45" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=1291583" data-title="天空之城 天空の城ラピュタ" data-trailer="https://movie.douban.com/subject/1291583/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/1291583/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="天空之城" class="" rel="nofollow" src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2892380420.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/1291583/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;天空之城&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar45"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;9.2&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=1291583" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="森山周一郎 / 加藤登纪子 / 冈村明美" data-director="宫崎骏" data-duration="94分钟" data-enough="true" data-intro="" data-rate="8.6" data-rater="262528" data-region="日本" data-release="1992" data-star="45" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=1291838" data-title="红猪 紅の豚" data-trailer="https://movie.douban.com/subject/1291838/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/1291838/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="红猪" class="" rel="nofollow" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2899263477.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/1291838/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;红猪&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar45"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;8.6&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=1291838" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item" data-actors="谭笑 / 张秉君 / 张伟" data-director="林汇达" data-duration="108分钟" data-enough="true" data-intro="" data-rate="6.9" data-rater="47926" data-region="中国大陆" data-release="2024" data-star="35" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36438166" data-title="熊出没·逆转时空" data-trailer="https://movie.douban.com/subject/36438166/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36438166/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="熊出没·逆转时空" class="" rel="nofollow" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2902482452.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36438166/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;熊出没·逆转...&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="rating-star allstar35"&gt;&lt;/span&gt;&lt;span class="subject-rate"&gt;6.9&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36438166" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item s" data-actors="魏小欢 / 王忠浩 / 马玥" data-director="关焙元" data-dstat-areaid="70_6" data-dstat-mode="click,expose" data-dstat-viewport=".screening-bd" data-dstat-watch=".ui-slide-content" data-duration="88分钟" data-enough="false" data-intro="" data-rate="" data-rater="232" data-region="中国大陆" data-release="2024" data-star="00" data-ticket="https://movie.douban.com/ticket/redirect/?movie_id=36691531" data-title="午夜6号房" data-trailer="https://movie.douban.com/subject/36691531/trailer"&gt;
&lt;ul class=""&gt;
&lt;li class="poster"&gt;
&lt;a href="https://movie.douban.com/subject/36691531/?from=showing" onclick="moreurl(this, {from:'mv_a_pst'})"&gt;
&lt;img alt="午夜6号房" class="" rel="nofollow" src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2902148419.jpg"/&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li class="title"&gt;
&lt;a class="" href="https://movie.douban.com/subject/36691531/?from=showing" onclick="moreurl(this, {from:'mv_a_tl'})"&gt;午夜6号房&lt;/a&gt;
&lt;/li&gt;
&lt;li class="rating"&gt;
&lt;span class="text-tip"&gt;暂无评分&lt;/span&gt;
&lt;/li&gt;
&lt;li class="ticket_btn"&gt;&lt;span&gt;&lt;a href="https://movie.douban.com/ticket/redirect/?movie_id=36691531" onclick="moreurl(this, {from:'mv_b_tc'})" target="_blank"&gt;选座购票&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;&lt;li class="ui-slide-item"&gt;
&lt;/li&gt;&lt;li class="ui-slide-item"&gt;
&lt;/li&gt;&lt;li class="ui-slide-item"&gt;
&lt;/li&gt;&lt;li class="ui-slide-item"&gt;
&lt;/li&gt;&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script src="https://img2.doubanio.com/cuphead/movie-static/common/slide.e100e.js"&gt;&lt;/script&gt;
&lt;script src="https://img9.doubanio.com/cuphead/movie-static/mod/subject_detail_tip.400d5.js"&gt;&lt;/script&gt;
&lt;script src="https://img9.doubanio.com/cuphead/movie-static/gallery/index.5f365.js"&gt;&lt;/script&gt;
&lt;script&gt;
        $(function(){
            var screeningSlide = new Slide({
                autoplay: true,
                wrap: $('#screening .screening-bd'),
                speed: 600,
                duration: 20000,
                itemsPerSlide: 5,
                lazyload: false
            });
            $('#screening .ui-slide-item img').subjectTip('.ui-slide-item', 'screening');
        });
    &lt;/script&gt;
&lt;!-- douban ad begin --&gt;
&lt;div class="mb20 s" data-dstat-areaid="72" data-dstat-mode="click,expose" id="movie_home_left_bottom"&gt;&lt;/div&gt;
&lt;!-- douban ad end --&gt;
&lt;div class="gaia gaia-lite gaia-movie"&gt;
&lt;div class="detail-pop"&gt;&lt;/div&gt;
&lt;input name="islogin" type="hidden" value="false"/&gt;
&lt;div class="fliter-wp"&gt;
&lt;h2&gt;
&lt;div data-type="movie"&gt;最近热门电影&lt;/div&gt;
&lt;div class="filter"&gt;
&lt;form action="get" autocomplete="off" class="gaia_frm"&gt;
&lt;input name="type" type="hidden" value="movie"/&gt;
&lt;div class="tags"&gt;
&lt;div class="tag-list"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;input name="page_limit" type="hidden" value="20"/&gt;
&lt;input name="page_start" type="hidden" value="0"/&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;div class="fliter-placeholder"&gt;&lt;/div&gt;
&lt;a class="more-link" href="/explore"&gt;更多»&lt;/a&gt;
&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="list-wp"&gt;
&lt;div class="list"&gt;&lt;/div&gt;
&lt;a class="more" href="javascript:;"&gt;载入中...&lt;/a&gt;
&lt;/div&gt;
&lt;script id="tag-tmpl" type="text/tmpl"&gt;
        &lt;label&gt;
            &lt;%= _.escape(val)%&gt;
            &lt;input type="radio" name="&lt;%= type%&gt;" value="&lt;%= _.escape(val)%&gt;"&gt;
            &lt;% if (custom) { %&gt;
                &lt;a href="javascript:;" class="remove"&gt;x&lt;/a&gt;
            &lt;% } %&gt;
        &lt;/label&gt;
    &lt;/script&gt;
&lt;script id="subject-tmpl" type="text/tmpl"&gt;
        &lt;% if (playable) { %&gt;
        &lt;a class="item" target="_blank" href="&lt;%= url%&gt;?tag=&lt;%= tag%&gt;&amp;from=gaia_video"&gt;
        &lt;% } else {%&gt;
        &lt;a class="item" target="_blank" href="&lt;%= url%&gt;?tag=&lt;%= tag%&gt;&amp;from=gaia"&gt;
        &lt;% } %&gt;
            &lt;div class="cover-wp" data-isnew="&lt;%= is_new%&gt;" data-id="&lt;%= id%&gt;"&gt;
                &lt;img src="&lt;%= cover%&gt;" alt="&lt;%= title%&gt;" data-x="&lt;%= cover_x%&gt;" data-y="&lt;%= cover_y%&gt;"/&gt;
                &lt;% if (episodes_info) { %&gt;
                    &lt;span class="episodes-info"&gt;&lt;%= episodes_info%&gt;&lt;/span&gt;
                &lt;% } %&gt;
            &lt;/div&gt;
            &lt;p&gt;
                &lt;% if (is_new) { %&gt;
                    &lt;span class="green"&gt;
                        &lt;img src="https://img1.doubanio.com/cuphead/movie-static/pics/ic_new.png" width="16" class="new" /&gt;
                    &lt;/span&gt;
                &lt;% } %&gt;

                &lt;%= title%&gt;

                &lt;% if (rate !== '') { %&gt;
                    &lt;strong&gt;&lt;%= rate%&gt;&lt;/strong&gt;
                &lt;% } else {%&gt;
                    &lt;span&gt;暂无评分&lt;/span&gt;
                &lt;% } %&gt;
            &lt;/p&gt;
        &lt;/a&gt;
    &lt;/script&gt;
&lt;script id="subject-info-tmpl" type="text/tmpl"&gt;
        &lt;div class="wp"&gt;
            &lt;div class="info"&gt;
                &lt;% if (playable) { %&gt;
                &lt;h3&gt;&lt;a target="_blank" href="&lt;%= url%&gt;?tag=&lt;%= tag%&gt;&amp;from=gaia_video"&gt;&lt;%= title%&gt;&lt;/a&gt;&lt;/h3&gt;
                &lt;% } else { %&gt;
                &lt;h3&gt;&lt;a target="_blank" href="&lt;%= url%&gt;?tag=&lt;%= tag%&gt;&amp;from=gaia"&gt;&lt;%= title%&gt;&lt;/a&gt;&lt;/h3&gt;
                &lt;% } %&gt;
                &lt;p class="rank"&gt;
                    &lt;% if (rate !== '') { %&gt;
                        &lt;span class="ll bigstar&lt;%= starCls %&gt;"&gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;
                        &lt;strong&gt;&lt;%= rate%&gt;&lt;/strong&gt;
                    &lt;% } else { %&gt;
                        暂无评分
                    &lt;% } %&gt;
                &lt;/p&gt;
                &lt;p class="meta"&gt;
                    &lt;% if (playable) { %&gt;
                        &lt;span class="green"&gt;可播放&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (playable &amp;&amp; is_new) { %&gt;
                        &lt;span class="green"&gt;新出片源&lt;/span&gt;
                    &lt;% } else if (is_new) { %&gt;
                        &lt;span class="green"&gt;本周新片&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (duration) { %&gt;
                        &lt;span&gt;&lt;%= duration%&gt;&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (episodes_count) { %&gt;
                        &lt;span&gt;&lt;%= episodes_count%&gt;集&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (region) { %&gt;
                        &lt;span&gt;&lt;%= region%&gt;&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (types) { %&gt;
                        &lt;% _.each (types.slice(0,3), function(type){ %&gt;
                        &lt;span&gt;&lt;%= type%&gt;&lt;/span&gt;
                        &lt;% }) %&gt;
                    &lt;% } %&gt;
                    &lt;% if (directors.length) { %&gt;
                        &lt;span&gt;&lt;%= directors[0]%&gt;(导演)&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (actors) { %&gt;
                        &lt;% _.each (actors.slice(0,3), function(actor){ %&gt;
                        &lt;span&gt;&lt;%= actor%&gt;&lt;/span&gt;
                        &lt;% }) %&gt;
                    &lt;% } %&gt;
                &lt;/p&gt;
                &lt;p class="collect-area"&gt;
                    &lt;% if (collection_status === 'F') { %&gt;
                        &lt;% if (is_tv) { %&gt;
                            &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-do"&gt;在看&lt;/a&gt;
                        &lt;% } %&gt;
                        &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-collect"&gt;看过&lt;/a&gt;
                        &lt;span&gt;已想看&lt;/span&gt;
                    &lt;% } else if (is_tv &amp;&amp; collection_status === 'N') { %&gt;
                        &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-collect"&gt;看过&lt;/a&gt;
                        &lt;span&gt;已在看&lt;/span&gt;
                    &lt;% } else if (collection_status === 'P') { %&gt;
                        &lt;span&gt;已看过&lt;/span&gt;
                    &lt;% } else { %&gt;
                        &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-wish"&gt;想看&lt;/a&gt;
                        &lt;% if (is_tv) { %&gt;
                            &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-do"&gt;在看&lt;/a&gt;
                        &lt;% } %&gt;
                        &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-collect"&gt;看过&lt;/a&gt;
                    &lt;% } %&gt;
                &lt;/p&gt;
            &lt;/div&gt;
            &lt;% if (short_comment.content) {%&gt;
            &lt;p class="comment"&gt;
                &lt;%= short_comment.content%&gt;
                &lt;span&gt;- &lt;%= short_comment.author%&gt;的短评&lt;/span&gt;
            &lt;/p&gt;
            &lt;% } %&gt;
        &lt;/div&gt;
    &lt;/script&gt;
&lt;script id="gaia-slide-tmpl" type="text/tmpl"&gt;
        &lt;div class="slider"&gt;
            &lt;div class="slide-container" style="height: &lt;%= slideHeight %&gt;px;"&gt;
                &lt;div class="slide-wrapper" style="width: &lt;%= slideWidth * (pageCount + 2) %&gt;px;"&gt;
                    &lt;div class="slide-page" style="width: &lt;%= slideWidth %&gt;px;" data-index="&lt;%= pageCount - 1%&gt;"&gt;&lt;/div&gt;
                    &lt;% for (var i = 0; i &lt; pageCount; i++) { %&gt;
                        &lt;div class="slide-page" style="width: &lt;%= slideWidth %&gt;px;" data-index="&lt;%= i %&gt;"&gt;&lt;/div&gt;
                    &lt;% } %&gt;
                    &lt;div class="slide-page" style="width: &lt;%= slideWidth %&gt;px;" data-index="0"&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="slide-ctrl ui-slide-control"&gt;
                &lt;a class="btn-prev" href="javascript:void(0)"&gt;&lt;/a&gt;
                    &lt;% for (var i = 0; i &lt; pageCount; i++) { %&gt;
                        &lt;i class="dot &lt;%= i === 0 ? 'activate' : '' %&gt;" data-index="&lt;%= i %&gt;"&gt;&lt;/i&gt;
                    &lt;% } %&gt;
                &lt;a class="btn-next" href="javascript:void(0)"&gt;&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/script&gt;
&lt;/div&gt;
&lt;div class="gaia gaia-lite gaia-tv"&gt;
&lt;div class="detail-pop"&gt;&lt;/div&gt;
&lt;input name="islogin" type="hidden" value="false"/&gt;
&lt;div class="fliter-wp"&gt;
&lt;h2&gt;
&lt;div data-type="tv"&gt;最近热门电视剧&lt;/div&gt;
&lt;div class="filter"&gt;
&lt;form action="get" autocomplete="off" class="gaia_frm"&gt;
&lt;input name="type" type="hidden" value="movie"/&gt;
&lt;div class="tags"&gt;
&lt;div class="tag-list"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;input name="page_limit" type="hidden" value="20"/&gt;
&lt;input name="page_start" type="hidden" value="0"/&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;div class="fliter-placeholder"&gt;&lt;/div&gt;
&lt;a class="more-link" href="/tv"&gt;更多»&lt;/a&gt;
&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="list-wp"&gt;
&lt;div class="list"&gt;&lt;/div&gt;
&lt;a class="more" href="javascript:;"&gt;载入中...&lt;/a&gt;
&lt;/div&gt;
&lt;script id="tag-tmpl" type="text/tmpl"&gt;
        &lt;label&gt;
            &lt;%= _.escape(val)%&gt;
            &lt;input type="radio" name="&lt;%= type%&gt;" value="&lt;%= _.escape(val)%&gt;"&gt;
            &lt;% if (custom) { %&gt;
                &lt;a href="javascript:;" class="remove"&gt;x&lt;/a&gt;
            &lt;% } %&gt;
        &lt;/label&gt;
    &lt;/script&gt;
&lt;script id="subject-tmpl" type="text/tmpl"&gt;
        &lt;% if (playable) { %&gt;
        &lt;a class="item" target="_blank" href="&lt;%= url%&gt;?tag=&lt;%= tag%&gt;&amp;from=gaia_video"&gt;
        &lt;% } else {%&gt;
        &lt;a class="item" target="_blank" href="&lt;%= url%&gt;?tag=&lt;%= tag%&gt;&amp;from=gaia"&gt;
        &lt;% } %&gt;
            &lt;div class="cover-wp" data-isnew="&lt;%= is_new%&gt;" data-id="&lt;%= id%&gt;"&gt;
                &lt;img src="&lt;%= cover%&gt;" alt="&lt;%= title%&gt;" data-x="&lt;%= cover_x%&gt;" data-y="&lt;%= cover_y%&gt;"/&gt;
                &lt;% if (episodes_info) { %&gt;
                    &lt;span class="episodes-info"&gt;&lt;%= episodes_info%&gt;&lt;/span&gt;
                &lt;% } %&gt;
            &lt;/div&gt;
            &lt;p&gt;
                &lt;% if (is_new) { %&gt;
                    &lt;span class="green"&gt;
                        &lt;img src="https://img1.doubanio.com/cuphead/movie-static/pics/ic_new.png" width="16" class="new" /&gt;
                    &lt;/span&gt;
                &lt;% } %&gt;

                &lt;%= title%&gt;

                &lt;% if (rate !== '') { %&gt;
                    &lt;strong&gt;&lt;%= rate%&gt;&lt;/strong&gt;
                &lt;% } else {%&gt;
                    &lt;span&gt;暂无评分&lt;/span&gt;
                &lt;% } %&gt;
            &lt;/p&gt;
        &lt;/a&gt;
    &lt;/script&gt;
&lt;script id="subject-info-tmpl" type="text/tmpl"&gt;
        &lt;div class="wp"&gt;
            &lt;div class="info"&gt;
                &lt;% if (playable) { %&gt;
                &lt;h3&gt;&lt;a target="_blank" href="&lt;%= url%&gt;?tag=&lt;%= tag%&gt;&amp;from=gaia_video"&gt;&lt;%= title%&gt;&lt;/a&gt;&lt;/h3&gt;
                &lt;% } else { %&gt;
                &lt;h3&gt;&lt;a target="_blank" href="&lt;%= url%&gt;?tag=&lt;%= tag%&gt;&amp;from=gaia"&gt;&lt;%= title%&gt;&lt;/a&gt;&lt;/h3&gt;
                &lt;% } %&gt;
                &lt;p class="rank"&gt;
                    &lt;% if (rate !== '') { %&gt;
                        &lt;span class="ll bigstar&lt;%= starCls %&gt;"&gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;
                        &lt;strong&gt;&lt;%= rate%&gt;&lt;/strong&gt;
                    &lt;% } else { %&gt;
                        暂无评分
                    &lt;% } %&gt;
                &lt;/p&gt;
                &lt;p class="meta"&gt;
                    &lt;% if (playable) { %&gt;
                        &lt;span class="green"&gt;可播放&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (playable &amp;&amp; is_new) { %&gt;
                        &lt;span class="green"&gt;新出片源&lt;/span&gt;
                    &lt;% } else if (is_new) { %&gt;
                        &lt;span class="green"&gt;本周新片&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (duration) { %&gt;
                        &lt;span&gt;&lt;%= duration%&gt;&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (episodes_count) { %&gt;
                        &lt;span&gt;&lt;%= episodes_count%&gt;集&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (region) { %&gt;
                        &lt;span&gt;&lt;%= region%&gt;&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (types) { %&gt;
                        &lt;% _.each (types.slice(0,3), function(type){ %&gt;
                        &lt;span&gt;&lt;%= type%&gt;&lt;/span&gt;
                        &lt;% }) %&gt;
                    &lt;% } %&gt;
                    &lt;% if (directors.length) { %&gt;
                        &lt;span&gt;&lt;%= directors[0]%&gt;(导演)&lt;/span&gt;
                    &lt;% } %&gt;
                    &lt;% if (actors) { %&gt;
                        &lt;% _.each (actors.slice(0,3), function(actor){ %&gt;
                        &lt;span&gt;&lt;%= actor%&gt;&lt;/span&gt;
                        &lt;% }) %&gt;
                    &lt;% } %&gt;
                &lt;/p&gt;
                &lt;p class="collect-area"&gt;
                    &lt;% if (collection_status === 'F') { %&gt;
                        &lt;% if (is_tv) { %&gt;
                            &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-do"&gt;在看&lt;/a&gt;
                        &lt;% } %&gt;
                        &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-collect"&gt;看过&lt;/a&gt;
                        &lt;span&gt;已想看&lt;/span&gt;
                    &lt;% } else if (is_tv &amp;&amp; collection_status === 'N') { %&gt;
                        &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-collect"&gt;看过&lt;/a&gt;
                        &lt;span&gt;已在看&lt;/span&gt;
                    &lt;% } else if (collection_status === 'P') { %&gt;
                        &lt;span&gt;已看过&lt;/span&gt;
                    &lt;% } else { %&gt;
                        &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-wish"&gt;想看&lt;/a&gt;
                        &lt;% if (is_tv) { %&gt;
                            &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-do"&gt;在看&lt;/a&gt;
                        &lt;% } %&gt;
                        &lt;a href="javascript:;" rel="nofollow" class="j a_collect_btn" name="sbtn-&lt;%= id%&gt;-collect"&gt;看过&lt;/a&gt;
                    &lt;% } %&gt;
                &lt;/p&gt;
            &lt;/div&gt;
            &lt;% if (short_comment.content) {%&gt;
            &lt;p class="comment"&gt;
                &lt;%= short_comment.content%&gt;
                &lt;span&gt;- &lt;%= short_comment.author%&gt;的短评&lt;/span&gt;
            &lt;/p&gt;
            &lt;% } %&gt;
        &lt;/div&gt;
    &lt;/script&gt;
&lt;script id="gaia-slide-tmpl" type="text/tmpl"&gt;
        &lt;div class="slider"&gt;
            &lt;div class="slide-container" style="height: &lt;%= slideHeight %&gt;px;"&gt;
                &lt;div class="slide-wrapper" style="width: &lt;%= slideWidth * (pageCount + 2) %&gt;px;"&gt;
                    &lt;div class="slide-page" style="width: &lt;%= slideWidth %&gt;px;" data-index="&lt;%= pageCount - 1%&gt;"&gt;&lt;/div&gt;
                    &lt;% for (var i = 0; i &lt; pageCount; i++) { %&gt;
                        &lt;div class="slide-page" style="width: &lt;%= slideWidth %&gt;px;" data-index="&lt;%= i %&gt;"&gt;&lt;/div&gt;
                    &lt;% } %&gt;
                    &lt;div class="slide-page" style="width: &lt;%= slideWidth %&gt;px;" data-index="0"&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="slide-ctrl ui-slide-control"&gt;
                &lt;a class="btn-prev" href="javascript:void(0)"&gt;&lt;/a&gt;
                    &lt;% for (var i = 0; i &lt; pageCount; i++) { %&gt;
                        &lt;i class="dot &lt;%= i === 0 ? 'activate' : '' %&gt;" data-index="&lt;%= i %&gt;"&gt;&lt;/i&gt;
                    &lt;% } %&gt;
                &lt;a class="btn-next" href="javascript:void(0)"&gt;&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/script&gt;
&lt;/div&gt;
&lt;link href="https://img3.doubanio.com/cuphead/movie-static/gallery/index.3f4ef.css" rel="stylesheet"/&gt;
&lt;div id="gallery-frames"&gt;
&lt;div class="gallery-hd"&gt;
&lt;div class="gallery-ui-slide-control"&gt;
&lt;span class="prev-btn"&gt;&lt;a class="gallery-btn-prev" href="javascript:void(0)"&gt;&lt;/a&gt;&lt;/span&gt;
&lt;span class="next-btn"&gt;&lt;a class="gallery-btn-next" href="javascript:void(0)"&gt;&lt;/a&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div class="slide-tip"&gt;&lt;span class="gallery-ui-slide-index"&gt;1&lt;/span&gt; / &lt;span class="gallery-ui-slide-max"&gt;7&lt;/span&gt;&lt;/div&gt;
&lt;h2&gt;热门推荐&lt;/h2&gt;
&lt;/div&gt;
&lt;div id="hot-gallery"&gt;
&lt;ul class="ui-slide-content"&gt;
&lt;li class="ui-slide-item"&gt;
&lt;div class="gallery-frame"&gt;
&lt;a data-fid="3799" href="https://movie.douban.com/review/15869855/?from=gallery" target="_blank"&gt;
&lt;img alt="拍一部电影，记住在路上寻找家的每一个灵魂" height="240" src="https://img3.doubanio.com/view/movie_gallery_frame_hot_rec/m/public/b9fd25d6200f5f2.jpg" width="350"/&gt;
&lt;/a&gt;
&lt;div class="gallery-detail"&gt;
&lt;div class="gallery-hd"&gt;
&lt;a data-fid="3799" href="https://movie.douban.com/review/15869855/?from=gallery" target="_blank"&gt;
&lt;h3&gt;拍一部电影，记住在路上寻找家的每一个灵魂&lt;/h3&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="gallery-bd"&gt;
&lt;p&gt;
                高分新片《乘船而去》导演陈小雨发文谈创作。
            &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="ui-slide-item"&gt;
&lt;div class="gallery-frame"&gt;
&lt;a data-fid="3797" href="https://movie.douban.com/review/15838406/?from=gallery" target="_blank"&gt;
&lt;img alt="高分港片《白日之下》导演简君晋谈创作" height="240" src="https://img2.doubanio.com/view/movie_gallery_frame_hot_rec/m/public/4a49b2778df26e1.jpg" width="350"/&gt;
&lt;/a&gt;
&lt;div class="gallery-detail"&gt;
&lt;div class="gallery-hd"&gt;
&lt;a data-fid="3797" href="https://movie.douban.com/review/15838406/?from=gallery" target="_blank"&gt;
&lt;h3&gt;高分港片《白日之下》导演简君晋谈创作&lt;/h3&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="gallery-bd"&gt;
&lt;p&gt;
                电影未必可以解决问题，但至少可以向世界提出问题。
            &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="ui-slide-item"&gt;
&lt;div class="gallery-frame"&gt;
&lt;a data-fid="3798" href="https://movie.douban.com/review/15840475/?from=gallery" target="_blank"&gt;
&lt;img alt="《银河写手》：一个影迷的寻梦环游记" height="240" src="https://img3.doubanio.com/view/movie_gallery_frame_hot_rec/m/public/080cdafdee0cf07.jpg" width="350"/&gt;
&lt;/a&gt;
&lt;div class="gallery-detail"&gt;
&lt;div class="gallery-hd"&gt;
&lt;a data-fid="3798" href="https://movie.douban.com/review/15840475/?from=gallery" target="_blank"&gt;
&lt;h3&gt;《银河写手》：一个影迷的寻梦环游记&lt;/h3&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="gallery-bd"&gt;
&lt;p&gt;
                高口碑喜剧《银河写手》导演李阔分享电影创作感悟。
            &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="ui-slide-item"&gt;
&lt;div class="gallery-frame"&gt;
&lt;a data-fid="3796" href="https://movie.douban.com/review/15798389/?from=gallery" target="_blank"&gt;
&lt;img alt="《沙丘》是前菜，《沙丘2》才是主菜" height="240" src="https://img1.doubanio.com/view/movie_gallery_frame_hot_rec/m/public/ab7e5fd6335060c.jpg" width="350"/&gt;
&lt;/a&gt;
&lt;div class="gallery-detail"&gt;
&lt;div class="gallery-hd"&gt;
&lt;a data-fid="3796" href="https://movie.douban.com/review/15798389/?from=gallery" target="_blank"&gt;
&lt;h3&gt;《沙丘》是前菜，《沙丘2》才是主菜&lt;/h3&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="gallery-bd"&gt;
&lt;p&gt;
                牛蛙来了！丹尼斯·维伦纽瓦导演豆瓣独家小作文谈《沙丘2》！
            &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="ui-slide-item"&gt;
&lt;div class="gallery-frame"&gt;
&lt;a data-fid="3744" href="https://movie.douban.com/annual/2023?source=doubanmovie&amp;amp;fullscreen=1?from=gallery" target="_blank"&gt;
&lt;img alt="「豆瓣2023年度电影榜单」正式上线" height="240" src="https://img3.doubanio.com/view/movie_gallery_frame_hot_rec/m/public/742d8ac674f1053.jpg" width="350"/&gt;
&lt;/a&gt;
&lt;div class="gallery-detail"&gt;
&lt;div class="gallery-hd"&gt;
&lt;a data-fid="3744" href="https://movie.douban.com/annual/2023?source=doubanmovie&amp;amp;fullscreen=1?from=gallery" target="_blank"&gt;
&lt;h3&gt;「豆瓣2023年度电影榜单」正式上线&lt;/h3&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="gallery-bd"&gt;
&lt;p&gt;
                点击查看完整榜单，开启全年电影、剧集、综艺大赏。
            &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="ui-slide-item"&gt;
&lt;div class="gallery-frame"&gt;
&lt;a data-fid="3795" href="https://movie.douban.com/trailer/315263/?from=gallery" target="_blank"&gt;
&lt;img alt="《龙之家族》第二季定档6月16日播出" height="240" src="https://img1.doubanio.com/view/movie_gallery_frame_hot_rec/m/public/241d5b731f8d3a9.jpg" width="350"/&gt;
&lt;/a&gt;
&lt;div class="gallery-detail"&gt;
&lt;div class="gallery-hd"&gt;
&lt;a data-fid="3795" href="https://movie.douban.com/trailer/315263/?from=gallery" target="_blank"&gt;
&lt;h3&gt;《龙之家族》第二季定档6月16日播出&lt;/h3&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="gallery-bd"&gt;
&lt;p&gt;
                今夏最期待美剧来了！
            &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="ui-slide-item"&gt;
&lt;div class="gallery-frame"&gt;
&lt;a data-fid="3785" href="https://movie.douban.com/trailer/315059/?from=gallery" target="_blank"&gt;
&lt;img alt="皮克斯《头脑特工队2》全新中字预告" height="240" src="https://img3.doubanio.com/view/movie_gallery_frame_hot_rec/m/public/70460d5b4d90b23.jpg" width="350"/&gt;
&lt;/a&gt;
&lt;div class="gallery-detail"&gt;
&lt;div class="gallery-hd"&gt;
&lt;a data-fid="3785" href="https://movie.douban.com/trailer/315059/?from=gallery" target="_blank"&gt;
&lt;h3&gt;皮克斯《头脑特工队2》全新中字预告&lt;/h3&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="gallery-bd"&gt;
&lt;p&gt;
                “焦焦”“尬尬”等四种小情绪加入，6月14日北美上映。
            &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="s" data-dstat-areaid="77" data-dstat-mode="click,expose" id="reviews"&gt;
&lt;div class="reviews-hd"&gt;
&lt;h2&gt;最受欢迎的影评&lt;span&gt;&lt;a href="/review/best/"&gt;更多热门影评»&lt;/a&gt;&lt;/span&gt;&lt;span&gt;&lt;a href="/review/latest/"&gt;新片影评»&lt;/a&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="reviews-bd"&gt;
&lt;div class="review"&gt;
&lt;div class="review-hd"&gt;
&lt;a href="https://movie.douban.com/subject/35240117/?from=reviews"&gt;
&lt;img alt="草木人间" class="lazy" data-original="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2905611921.jpg" src="https://img2.doubanio.com/cuphead/movie-static/pics/grey.gif"/&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="review-bd"&gt;
&lt;h3&gt;&lt;a class="" href="https://movie.douban.com/review/15836779/"&gt;草木人间，苔花与目莲双向救赎的故事&lt;/a&gt;&lt;/h3&gt;
&lt;div class="review-meta"&gt;
&lt;a href="https://www.douban.com/people/279315713/"&gt;杨宇鑫&lt;/a&gt; 评论
                &lt;a href="https://movie.douban.com/subject/35240117/?from=reviews"&gt;《草木人间》&lt;/a&gt;
&lt;span class="allstar50"&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div class="review-content"&gt;
                《草木人间观影有感》ps：无剧透 首先真的很幸运能够参与这次《草木人间》校园路演活动，让我有了和电影主创们面对面的机会（这里真的要感谢给我送来末班车门票的哥）。整场电影看下来，首先是视觉上的震撼，然后...
                    &lt;a href="https://movie.douban.com/review/15836779/"&gt;(全文)&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="review"&gt;
&lt;div class="review-hd"&gt;
&lt;a href="https://movie.douban.com/subject/36151614/?from=reviews"&gt;
&lt;img alt="恶女" class="lazy" data-original="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2897435928.jpg" src="https://img2.doubanio.com/cuphead/movie-static/pics/grey.gif"/&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="review-bd"&gt;
&lt;h3&gt;&lt;a class="" href="https://movie.douban.com/review/15827281/"&gt;恐龙蛇蝎女就是恶女啊&lt;/a&gt;&lt;/h3&gt;
&lt;div class="review-meta"&gt;
&lt;a href="https://www.douban.com/people/170986324/"&gt;铁头娃&lt;/a&gt; 评论
                &lt;a href="https://movie.douban.com/subject/36151614/?from=reviews"&gt;《恶女》&lt;/a&gt;
&lt;span class="allstar0"&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div class="review-content"&gt;
                恐龙蛇蝎女是很会把控别人心理的人啊，多年的摸爬滚打，让她很懂人心。他第一次被抓的时候，完全不care，因为他是教唆杀人，控制他人心理，击溃这些老头的心里防线。他没亲自动手，也没留下证据，还有不在场证明...
                    &lt;a href="https://movie.douban.com/review/15827281/"&gt;(全文)&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="review"&gt;
&lt;div class="review-hd"&gt;
&lt;a href="https://movie.douban.com/subject/25851579/?from=reviews"&gt;
&lt;img alt="过客" class="lazy" data-original="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2459114150.jpg" src="https://img2.doubanio.com/cuphead/movie-static/pics/grey.gif"/&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="review-bd"&gt;
&lt;h3&gt;&lt;a class="" href="https://movie.douban.com/review/15829271/"&gt;自译中字&lt;/a&gt;&lt;/h3&gt;
&lt;div class="review-meta"&gt;
&lt;a href="https://www.douban.com/people/185238034/"&gt;稻草铃&lt;/a&gt; 评论
                &lt;a href="https://movie.douban.com/subject/25851579/?from=reviews"&gt;《过客》&lt;/a&gt;
&lt;span class="allstar50"&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div class="review-content"&gt;
                https://www.alipan.com/s/rQTuBvtCZCX &amp;amp;lt;简介&amp;amp;gt; 电影根据真事改编。上世纪50年代，成千上万立陶宛人被流放到西伯利亚，一个11岁的小女孩玛利亚跳车逃跑，开始了6000公里的返乡之旅。一路上总能遇到好人，当...
                    &lt;a href="https://movie.douban.com/review/15829271/"&gt;(全文)&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="review last"&gt;
&lt;div class="review-hd"&gt;
&lt;a href="https://movie.douban.com/subject/26925611/?from=reviews"&gt;
&lt;img alt="你想活出怎样的人生" class="lazy" data-original="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2906527755.jpg" src="https://img2.doubanio.com/cuphead/movie-static/pics/grey.gif"/&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="review-bd"&gt;
&lt;h3&gt;&lt;a class="" href="https://movie.douban.com/review/15863196/"&gt;宫崎骏的终极之问：《你想活出怎样的人生》中的道德抉择与历史隐喻&lt;/a&gt;&lt;/h3&gt;
&lt;div class="review-meta"&gt;
&lt;a href="https://www.douban.com/people/ibookreview/"&gt;新京报书评周刊&lt;/a&gt; 评论
                &lt;a href="https://movie.douban.com/subject/26925611/?from=reviews"&gt;《你想活出怎样的人生》&lt;/a&gt;
&lt;span class="allstar0"&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div class="review-content"&gt;
                今年的清明节电影总票房超越了2021年，刷新了中国影史清明档票房纪录。其中，票房冠军《你想活出怎样的人生》成为了大量影迷热议的话题。在此之前，这部宫崎骏导演的告别之作已经斩获了奥斯卡最佳动画长片奖，而...
                    &lt;a href="https://movie.douban.com/review/15863196/"&gt;(全文)&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="aside"&gt;
&lt;div class="rating_answer"&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://blog.douban.com/douban/2015/12/18/3060/" target="_blank"&gt;豆瓣电影评分八问&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;!-- douban ad begin --&gt;
&lt;div class="s" data-dstat-areaid="71" data-dstat-mode="click,expose" id="dale_movie_home_top_right"&gt;&lt;/div&gt;
&lt;!-- douban ad end --&gt;
&lt;link href="https://img3.doubanio.com/cuphead/movie-static/mod/billboard.cc362.css" rel="stylesheet"/&gt;
&lt;div class="s" data-dstat-areaid="75" data-dstat-mode="click,expose" id="billboard"&gt;
&lt;div class="billboard-hd"&gt;
&lt;h2&gt;一周口碑榜&lt;span&gt;&lt;a href="/chart"&gt;更多榜单»&lt;/a&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="billboard-bd"&gt;
&lt;table&gt;
&lt;tr&gt;
&lt;td class="order"&gt;1&lt;/td&gt;
&lt;td class="title"&gt;&lt;a href="https://movie.douban.com/subject/35679653/" onclick="moreurl(this, {from:'mv_rk'})"&gt;我们的身体&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="order"&gt;2&lt;/td&gt;
&lt;td class="title"&gt;&lt;a href="https://movie.douban.com/subject/35611467/" onclick="moreurl(this, {from:'mv_rk'})"&gt;老狐狸&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="order"&gt;3&lt;/td&gt;
&lt;td class="title"&gt;&lt;a href="https://movie.douban.com/subject/36445098/" onclick="moreurl(this, {from:'mv_rk'})"&gt;还有明天&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="order"&gt;4&lt;/td&gt;
&lt;td class="title"&gt;&lt;a href="https://movie.douban.com/subject/26925611/" onclick="moreurl(this, {from:'mv_rk'})"&gt;你想活出怎样的人生&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="order"&gt;5&lt;/td&gt;
&lt;td class="title"&gt;&lt;a href="https://movie.douban.com/subject/36678128/" onclick="moreurl(this, {from:'mv_rk'})"&gt;弗里达·卡罗&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="order"&gt;6&lt;/td&gt;
&lt;td class="title"&gt;&lt;a href="https://movie.douban.com/subject/35861594/" onclick="moreurl(this, {from:'mv_rk'})"&gt;僧侣和枪&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="order"&gt;7&lt;/td&gt;
&lt;td class="title"&gt;&lt;a href="https://movie.douban.com/subject/35206383/" onclick="moreurl(this, {from:'mv_rk'})"&gt;殖民者&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="order"&gt;8&lt;/td&gt;
&lt;td class="title"&gt;&lt;a href="https://movie.douban.com/subject/35875476/" onclick="moreurl(this, {from:'mv_rk'})"&gt;法式火锅&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="order"&gt;9&lt;/td&gt;
&lt;td class="title"&gt;&lt;a href="https://movie.douban.com/subject/35344112/" onclick="moreurl(this, {from:'mv_rk'})"&gt;我想聊聊杜拉斯&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="order"&gt;10&lt;/td&gt;
&lt;td class="title"&gt;&lt;a href="https://movie.douban.com/subject/35240117/" onclick="moreurl(this, {from:'mv_rk'})"&gt;草木人间&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- douban ad begin --&gt;
&lt;div id="dale_movie_home_bottom_right"&gt;&lt;/div&gt;
&lt;!-- douban ad end --&gt;
&lt;div id="doulist"&gt;
&lt;h2&gt;热门片单&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;span&gt;68推荐&lt;/span&gt;
&lt;div class="title"&gt;&lt;a href="https://www.douban.com/doulist/766707/" target="_blank"&gt;关于Hip-Hop文化的影像&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div id="contact-and-cooperation"&gt;
&lt;div class="contact-and-cooperation-hd"&gt;
&lt;h2&gt;合作联系&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="contact-and-cooperation-bd"&gt;
&lt;ul&gt;
&lt;li&gt;电影合作邮箱：&lt;img src="https://img2.doubanio.com/cuphead/movie-static/pics/email_movie.png"/&gt;&lt;/li&gt;
&lt;li&gt;电视剧合作邮箱：
                        &lt;img src="https://img1.doubanio.com/cuphead/movie-static/pics/email_tv.png"/&gt;
&lt;img class="new" src="https://img1.doubanio.com/f/vendors/486503da8c82ffdbecec41c065927f96cbf02e4f/pics/icon/ic_new.png"/&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;link href="https://img9.doubanio.com/cuphead/movie-static/mod/social-icon.ad046.css" rel="stylesheet"/&gt;
&lt;div class="contact mod"&gt;
&lt;h2&gt;关注我们&lt;/h2&gt;
&lt;ul class="embassy-list clearfix"&gt;
&lt;li&gt;
&lt;a class="icon-embassy-weibo" href="https://weibo.com/doubanfilm" target="_blank"&gt;&lt;/a&gt;
&lt;a class="primary-link" href="https://weibo.com/doubanfilm" target="_blank"&gt;微博&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a class="icon-embassy-weixin"&gt;
&lt;div class="hover"&gt;&lt;img height="130px" src="https://img1.doubanio.com/cuphead/movie-static/pics/home_wechat_qrcode@2x.jpg" width="130px"/&gt;&lt;/div&gt;
&lt;/a&gt;
&lt;a class="primary-link" href="javascript:;"&gt;微信&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a class="icon-embassy-bite-me" href="https://weibo.com/doubanzui" target="_blank"&gt;&lt;/a&gt;
&lt;a class="primary-link" href="https://weibo.com/doubanzui" target="_blank"&gt;瓣嘴&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a class="icon-embassy-club-site" href="https://www.douban.com/people/nobodyfilm/" target="_blank"&gt;&lt;/a&gt;
&lt;a class="primary-link" href="https://www.douban.com/people/nobodyfilm/" target="_blank"&gt;光影club&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;!-- douban ad begin --&gt;
&lt;div id="dale_movie_home_inner_bottom"&gt;&lt;/div&gt;
&lt;!-- douban ad end --&gt;
&lt;/div&gt;
&lt;div class="extra"&gt;
&lt;!-- douban ad begin --&gt;
&lt;div id="dale_movie_homepage_bottom"&gt;&lt;/div&gt;
&lt;!-- douban ad end --&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id="footer"&gt;
&lt;div class="footer-extra"&gt;&lt;/div&gt;
&lt;span class="fleft gray-link" id="icp"&gt;
    © 2005－2024 douban.com, all rights reserved 北京豆网科技有限公司
&lt;/span&gt;
&lt;a href="https://www.douban.com/hnypt/variformcyst.py" style="display: none;"&gt;&lt;/a&gt;
&lt;span class="fright"&gt;
&lt;a href="https://www.douban.com/about"&gt;关于豆瓣&lt;/a&gt;
    · &lt;a href="https://www.douban.com/jobs"&gt;在豆瓣工作&lt;/a&gt;
    · &lt;a href="https://www.douban.com/about?topic=contactus"&gt;联系我们&lt;/a&gt;
    · &lt;a href="https://www.douban.com/about/legal"&gt;法律声明&lt;/a&gt;
    
    · &lt;a href="https://help.douban.com/?app=movie" target="_blank"&gt;帮助中心&lt;/a&gt;
    · &lt;a href="https://www.douban.com/doubanapp/"&gt;移动应用&lt;/a&gt;
    · &lt;a href="https://www.douban.com/partner/"&gt;豆瓣广告&lt;/a&gt;
&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
      $('.hot_link').find('a').click(function(){
          var buzz_id = $(this).data("bid");
          $.post_withck('/j/misc/buzz/click_count', { buzz_id: buzz_id })
      });
  &lt;/script&gt;
&lt;link href="https://img1.doubanio.com/f/vendors/0035bb2f83e2cba49ecf634fed57f9ff1bbd0d09/css/ui/dialog.css" rel="stylesheet" type="text/css"/&gt;
&lt;link href="https://img1.doubanio.com/cuphead/movie-static/mod/login_pop.b2f60.css" rel="stylesheet" type="text/css"/&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/f25ae221544f39046484a823776f3aa01769ee10/js/ui/dialog.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
        var HTTPS_DB = "https://www.douban.com"
    &lt;/script&gt;
&lt;script src="https://img1.doubanio.com/cuphead/movie-static/mod/login_pop.7f2b9.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;!-- douban ad begin --&gt;
&lt;script type="text/javascript"&gt;
    (function (global) {
        var newNode = global.document.createElement('script'),
            existingNode = global.document.getElementsByTagName('script')[0],
            adSource = '//erebor.douban.com/',
            userId = '',
            browserId = 'A9VIb6og6jk',
            criteria = '3:/',
            preview = '',
            debug = false,
            adSlots = ['dale_movie_homepage_top_large', 'dale_movie_home_top_right', 'dale_movie_home_bottom_right', 'dale_movie_homepage_bottom', 'movie_home_left_bottom', 'dale_movie_home_inner_bottom'];

        global.DoubanAdRequest = {src: adSource, uid: userId, bid: browserId, crtr: criteria, prv: preview, debug: debug};
        global.DoubanAdSlots = (global.DoubanAdSlots || []).concat(adSlots);

        newNode.setAttribute('type', 'text/javascript');
        newNode.setAttribute('src', '//img1.doubanio.com/bG90MDZqMy9mL2FkanMvYzhmZjE5MGNhYzNkN2UyMWJjMTI3NzJlYWNkOWVkODZhMmFjMzdhMi9hZC5yZWxlYXNlLmpz?company_token=kX69T8w1wyOE-dale');
        newNode.setAttribute('async', true);
        existingNode.parentNode.insertBefore(newNode, existingNode);
    })(this);
&lt;/script&gt;
&lt;!-- douban ad end --&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/86ce1c9488263b806c4ff1ab61a4168666b82911/js/separation/prettyfield.js"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/2040963202fd9ead9d95bb4bc6732d6c3e156061/js/core/moreurl.js"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/5688df2ab9b7ba25e651e0d1b87daeaf8c54dd93/js/jquery.lazyload.min.js"&gt;&lt;/script&gt;
&lt;script src="https://img2.doubanio.com/cuphead/movie-static/libs/underscore.js"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/cuphead/movie-static/home/jquery.deparam.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
        var gaiaConfig = [{
            type: 'movie',
            source: 'index',
            selector: '.gaia-movie',
            hashbang: false,
            fixFilter: false,
            slide: {
              pageCount: 5,
              pageLimit: 10,
              slideWidth: 700,
              slideHeight: 426,
            },
            is_mobile: "False"
        }, {
            type: 'tv',
            source: 'index',
            selector: '.gaia-tv',
            hashbang: false,
            fixFilter: false,
            slide: {
              pageCount: 5,
              pageLimit: 10,
              slideWidth: 700,
              slideHeight: 426,
            },
            is_mobile: "False"
        }];
        window.gaiaConfig = gaiaConfig
    &lt;/script&gt;
&lt;script src="https://img3.doubanio.com/cuphead/movie-static/home/home.63552.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
    var p=(('https:' == document.location.protocol) ? 'https' : 'http'), u=p+'://fundin.douban.com/';
    _paq.push(['setTrackerUrl', u+'piwik']);
    _paq.push(['setSiteId', '100001']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript';
    g.defer=true;
    g.async=true;
    g.src=p+'://img3.doubanio.com/dae/fundin/piwik.js';
    s.parentNode.insertBefore(g,s);
})();
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
var setMethodWithNs = function(namespace) {
  var ns = namespace ? namespace + '.' : ''
    , fn = function(string) {
        if(!ns) {return string}
        return ns + string
      }
  return fn
}

var gaWithNamespace = function(fn, namespace) {
  var method = setMethodWithNs(namespace)
  fn.call(this, method)
}

var _gaq = _gaq || []
  , accounts = [
      { id: 'UA-7019765-1', namespace: 'douban' }
    , { id: 'UA-7019765-19', namespace: '' }
    ]
  , gaInit = function(account) {
      gaWithNamespace(function(method) {
        gaInitFn.call(this, method, account)
      }, account.namespace)
    }
  , gaInitFn = function(method, account) {
      _gaq.push([method('_setAccount'), account.id]);
      _gaq.push([method('_setSampleRate'), '5']);

      
  _gaq.push([method('_addOrganic'), 'google', 'q'])
  _gaq.push([method('_addOrganic'), 'baidu', 'wd'])
  _gaq.push([method('_addOrganic'), 'soso', 'w'])
  _gaq.push([method('_addOrganic'), 'youdao', 'q'])
  _gaq.push([method('_addOrganic'), 'so.360.cn', 'q'])
  _gaq.push([method('_addOrganic'), 'sogou', 'query'])
  if (account.namespace) {
    _gaq.push([method('_addIgnoredOrganic'), '豆瓣'])
    _gaq.push([method('_addIgnoredOrganic'), 'douban'])
    _gaq.push([method('_addIgnoredOrganic'), '豆瓣网'])
    _gaq.push([method('_addIgnoredOrganic'), 'www.douban.com'])
  }

      if (account.namespace === 'douban') {
        _gaq.push([method('_setDomainName'), '.douban.com'])
      }

        _gaq.push([method('_setCustomVar'), 1, 'responsive_view_mode', 'desktop', 3])

        _gaq.push([method('_setCustomVar'), 2, 'login_status', '0', 2]);

      _gaq.push([method('_trackPageview')])
    }

for(var i = 0, l = accounts.length; i &lt; l; i++) {
  var account = accounts[i]
  gaInit(account)
}


;(function() {
    var ga = document.createElement('script');
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    ga.setAttribute('async', 'true');
    document.documentElement.firstChild.appendChild(ga);
})()
&lt;/script&gt;
&lt;!-- dae-web-movie--default-55576f47cc-27t5f--&gt;
&lt;script&gt;_SPLITTEST=''&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=90027ce4-be65-4e08-86cd-5338f8f698ea">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [10]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">requests</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>  
<span class="kn">from</span> <span class="nn">bs4</span> <span class="kn">import</span>   <span class="n">BeautifulSoup</span>
<span class="n">ur1</span><span class="o">=</span><span class="s1">'https://movie.douban.com/review/best/'</span>
<span class="n">header</span><span class="o">=</span><span class="p">{</span><span class="s2">"User-Agent"</span><span class="p">:</span><span class="s2">"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 Edg/123.0.0.0"</span><span class="p">}</span>
<span class="n">path</span><span class="o">=</span><span class="s2">"C:/Users/Administrator/Desktop/first.xlsx"</span>   
<span class="c1"># ***************** Begin ******************** #</span>
<span class="n">response</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">ur1</span><span class="p">,</span> <span class="n">headers</span><span class="o">=</span><span class="n">header</span><span class="p">)</span>
<span class="n">response</span><span class="o">.</span><span class="n">encoding</span> <span class="o">=</span> <span class="s2">"utf-8"</span>
<span class="n">a</span> <span class="o">=</span> <span class="n">response</span><span class="o">.</span><span class="n">text</span>
<span class="n">soup</span><span class="o">=</span><span class="n">BeautifulSoup</span><span class="p">(</span><span class="n">a</span><span class="p">,</span><span class="s1">'lxml'</span><span class="p">)</span>  
<span class="nb">print</span><span class="p">(</span><span class="n">soup</span><span class="p">)</span>
<span class="n">name</span><span class="o">=</span><span class="p">[]</span>
<span class="n">name1</span><span class="o">=</span><span class="p">[]</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>&lt;!DOCTYPE html&gt;
&lt;html class="ua-windows ua-webkit" lang="zh-CN"&gt;
&lt;head&gt;
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;meta content="webkit" name="renderer"/&gt;
&lt;meta content="always" name="referrer"/&gt;
&lt;meta content="ok0wCgT20tBBgo9_zat2iAcimtN4Ftf5ccsh092Xeyw" name="google-site-verification"/&gt;
&lt;title&gt;
  
  豆瓣最受欢迎的影评
&lt;/title&gt;
&lt;meta content="cZdR4xxR7RxmM4zE" name="baidu-site-verification"/&gt;
&lt;meta content="no-cache" http-equiv="Pragma"/&gt;
&lt;meta content="Sun, 6 Mar 2005 01:00:00 GMT" http-equiv="Expires"/&gt;
&lt;meta content="影评,热门影评,最新影评" name="keywords"/&gt;
&lt;meta content="豆瓣最受欢迎的影评,发表你的影评" name="description"/&gt;
&lt;link href="/feed/review/best" rel="alternate" title="RSS" type="application/rss+xml"/&gt;
&lt;link href="https://img1.doubanio.com/f/vendors/e92483e5e4c9c60cc75cbd8b700a2fd5b5fdf7b0/css/douban.css" rel="stylesheet" type="text/css"/&gt;
&lt;link href="https://img1.doubanio.com/f/vendors/ee6598d46af0bc554cecec9bcbf525b9b0582cb0/css/separation/_all.css" rel="stylesheet" type="text/css"/&gt;
&lt;link href="https://img1.doubanio.com/f/zerkalo/4b7b75331a86c9c8275ac6b7306e820fc072e09a/css/init.css" rel="stylesheet" type="text/css"/&gt;
&lt;link href="https://img1.doubanio.com/misc/mixed_static/18aea1f972f4151a.css" rel="stylesheet"/&gt;
&lt;style type="text/css"&gt;&lt;/style&gt;
&lt;script type="text/javascript"&gt;var _head_start = new Date();&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/6931d89467c7bd3bb6cd748c05cae22368989aea/js/jquery-1.9.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/e057439e70105417dffc6fab571688d52efeab23/js/douban.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/e38c65a87555287f5fb7c997e41b908d72ff9731/js/lib/moreurl.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/b0d3faaf7a432605add54908e39e17746824d6cc/js/separation/_all.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/zerkalo/8f98eaec1c9c779076c24b46fe052ee9c2dd52d8/dist/js/base.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;&lt;/script&gt;
&lt;link href="https://img1.doubanio.com/favicon.ico" rel="shortcut icon" type="image/x-icon"/&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script type="text/javascript"&gt;var _body_start = new Date();&lt;/script&gt;
&lt;link href="//img3.doubanio.com/dae/accounts/resources/ded47ae/shire/bundle.css" rel="stylesheet" type="text/css"/&gt;
&lt;div class="global-nav" id="db-global-nav"&gt;
&lt;div class="bd"&gt;
&lt;div class="top-nav-info"&gt;
&lt;a class="nav-login" href="https://accounts.douban.com/passport/login?source=main" rel="nofollow"&gt;登录/注册&lt;/a&gt;
&lt;/div&gt;
&lt;div class="top-nav-doubanapp"&gt;
&lt;a class="lnk-doubanapp" href="https://www.douban.com/doubanapp/app?channel=top-nav"&gt;下载豆瓣客户端&lt;/a&gt;
&lt;div id="doubanapp-tip"&gt;
&lt;a class="tip-link" href="https://www.douban.com/doubanapp/app?channel=qipao"&gt;豆瓣 &lt;span class="version"&gt;6.0&lt;/span&gt; 全新发布&lt;/a&gt;
&lt;a class="tip-close" href="javascript: void 0;"&gt;×&lt;/a&gt;
&lt;/div&gt;
&lt;div class="more-items" id="top-nav-appintro"&gt;
&lt;p class="appintro-title"&gt;豆瓣&lt;/p&gt;
&lt;p class="qrcode"&gt;扫码直接下载&lt;/p&gt;
&lt;div class="download"&gt;
&lt;a href="https://www.douban.com/doubanapp/redirect?channel=top-nav&amp;amp;direct_dl=1&amp;amp;download=iOS"&gt;iPhone&lt;/a&gt;
&lt;span&gt;·&lt;/span&gt;
&lt;a class="download-android" href="https://www.douban.com/doubanapp/redirect?channel=top-nav&amp;amp;direct_dl=1&amp;amp;download=Android"&gt;Android&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="global-nav-items"&gt;
&lt;ul&gt;
&lt;li class="on"&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-main","uid":"0"}' href="https://www.douban.com"&gt;豆瓣&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-book","uid":"0"}' href="https://book.douban.com" target="_blank"&gt;读书&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-movie","uid":"0"}' href="https://movie.douban.com" target="_blank"&gt;电影&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-music","uid":"0"}' href="https://music.douban.com" target="_blank"&gt;音乐&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-location","uid":"0"}' href="https://www.douban.com/location" target="_blank"&gt;同城&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-group","uid":"0"}' href="https://www.douban.com/group" target="_blank"&gt;小组&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-read","uid":"0"}' href="https://read.douban.com/?dcs=top-nav&amp;amp;dcm=douban" target="_blank"&gt;阅读&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-fm","uid":"0"}' href="https://fm.douban.com/?from_=shire_top_nav" target="_blank"&gt;FM&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-time","uid":"0"}' href="https://time.douban.com/?dt_time_source=douban-web_top_nav" target="_blank"&gt;时间&lt;/a&gt;
&lt;/li&gt;
&lt;li class=""&gt;
&lt;a data-moreurl-dict='{"from":"top-nav-click-market","uid":"0"}' href="https://market.douban.com/?utm_campaign=douban_top_nav&amp;amp;utm_source=douban&amp;amp;utm_medium=pc_web" target="_blank"&gt;豆品&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
  ;window._GLOBAL_NAV = {
    DOUBAN_URL: "https://www.douban.com",
    N_NEW_NOTIS: 0,
    N_NEW_DOUMAIL: 0
  };
&lt;/script&gt;
&lt;script defer="defer" src="//img3.doubanio.com/dae/accounts/resources/ded47ae/shire/bundle.js"&gt;&lt;/script&gt;
&lt;link href="//img3.doubanio.com/dae/accounts/resources/ded47ae/movie/bundle.css" rel="stylesheet" type="text/css"/&gt;
&lt;div class="nav" id="db-nav-movie"&gt;
&lt;div class="nav-wrap"&gt;
&lt;div class="nav-primary"&gt;
&lt;div class="nav-logo"&gt;
&lt;a href="https://movie.douban.com"&gt;豆瓣电影&lt;/a&gt;
&lt;/div&gt;
&lt;div class="nav-search"&gt;
&lt;form action="https://search.douban.com/movie/subject_search" method="get"&gt;
&lt;fieldset&gt;
&lt;legend&gt;搜索：&lt;/legend&gt;
&lt;label for="inp-query"&gt;
&lt;/label&gt;
&lt;div class="inp"&gt;&lt;input id="inp-query" maxlength="60" name="search_text" placeholder="搜索电影、电视剧、综艺、影人" size="22" value=""/&gt;&lt;/div&gt;
&lt;div class="inp-btn"&gt;&lt;input type="submit" value="搜索"/&gt;&lt;/div&gt;
&lt;input name="cat" type="hidden" value="1002"/&gt;
&lt;/fieldset&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="nav-secondary"&gt;
&lt;div class="nav-items"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/cinema/nowplaying/"&gt;影讯&amp;amp;购票&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/explore"&gt;选电影&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/tv/"&gt;电视剧&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/chart"&gt;排行榜&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/review/best/"&gt;影评&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://movie.douban.com/annual/2023/?fullscreen=1&amp;amp;source=navigation"&gt;2023年度榜单&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://c9.douban.com/app/standbyme-2023/?autorotate=false&amp;amp;fullscreen=true&amp;amp;hidenav=true&amp;amp;monitor_screenshot=true&amp;amp;source=web_navigation" target="_blank"&gt;2023年度报告&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;a class="movieannual" href="https://movie.douban.com/annual/2023/?fullscreen=1&amp;amp;source=movie_navigation"&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script id="suggResult" type="text/x-jquery-tmpl"&gt;
  &lt;li data-link="{{= url}}"&gt;
            &lt;a href="{{= url}}" onclick="moreurl(this, {from:'movie_search_sugg', query:'{{= keyword }}', subject_id:'{{= id}}', i: '{{= index}}', type: '{{= type}}'})"&gt;
            &lt;img src="{{= img}}" width="40" /&gt;
            &lt;p&gt;
                &lt;em&gt;{{= title}}&lt;/em&gt;
                {{if year}}
                    &lt;span&gt;{{= year}}&lt;/span&gt;
                {{/if}}
                {{if sub_title}}
                    &lt;br /&gt;&lt;span&gt;{{= sub_title}}&lt;/span&gt;
                {{/if}}
                {{if address}}
                    &lt;br /&gt;&lt;span&gt;{{= address}}&lt;/span&gt;
                {{/if}}
                {{if episode}}
                    {{if episode=="unknow"}}
                        &lt;br /&gt;&lt;span&gt;集数未知&lt;/span&gt;
                    {{else}}
                        &lt;br /&gt;&lt;span&gt;共{{= episode}}集&lt;/span&gt;
                    {{/if}}
                {{/if}}
            &lt;/p&gt;
        &lt;/a&gt;
        &lt;/li&gt;
  &lt;/script&gt;
&lt;script defer="defer" src="//img3.doubanio.com/dae/accounts/resources/ded47ae/movie/bundle.js"&gt;&lt;/script&gt;
&lt;div class="movie-content review-wrapper" id="wrapper"&gt;
&lt;div id="content"&gt;
&lt;h1&gt;豆瓣最受欢迎的影评&lt;/h1&gt;
&lt;div class="grid-16-8 clearfix"&gt;
&lt;div class="article"&gt;
&lt;ul class="top-tab clearfix"&gt;
&lt;li class="selected"&gt; &lt;a href="javascript:;"&gt; &lt;span&gt;最受欢迎的&lt;/span&gt; &lt;/a&gt; &lt;/li&gt;
&lt;li class=""&gt; &lt;a href="/review/latest?app_name=movie"&gt; &lt;span&gt;新片评论&lt;/span&gt; &lt;/a&gt; &lt;/li&gt;
&lt;/ul&gt;
&lt;div class="review-list chart"&gt;
&lt;div data-cid="15866473"&gt;
&lt;div class="main review-item" id="15866473"&gt;
&lt;a class="subject-img" href="https://movie.douban.com/subject/36145248/"&gt; &lt;img alt="承欢记" rel="v:image" src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2906352060.jpg" title="承欢记"/&gt; &lt;/a&gt;
&lt;header class="main-hd"&gt;
&lt;a class="avator" href="https://www.douban.com/people/153590697/"&gt;
&lt;img height="24" src="https://img3.doubanio.com/icon/u153590697-2.jpg" width="24"/&gt;
&lt;/a&gt;
&lt;a class="name" href="https://www.douban.com/people/153590697/"&gt;fisher&lt;/a&gt;
&lt;span class="allstar10 main-title-rating" title="很差"&gt;&lt;/span&gt;
&lt;span class="main-meta" content="2024-04-09"&gt;2024-04-09 21:36:45&lt;/span&gt;
&lt;/header&gt;
&lt;div class="main-bd"&gt;
&lt;h2&gt;&lt;a href="https://movie.douban.com/review/15866473/"&gt;依托答辩为什么要用这么精美的包装？&lt;/a&gt;&lt;/h2&gt;
&lt;div class="review-short" data-rid="15866473" id="review_15866473_short"&gt;
&lt;div class="short-content"&gt;

                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...

                         (&lt;a class="unfold" href="javascript:;" id="toggle-15866473-copy" title="展开"&gt;展开&lt;/a&gt;)
                    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="hidden" id="review_15866473_full"&gt;
&lt;div class="full-content" id="review_15866473_full_content"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="action"&gt;
&lt;a class="action-btn up" data-rid="15866473" href="javascript:;" title="有用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png"/&gt;
&lt;span id="r-useful_count-15866473"&gt;
                                173
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="action-btn down" data-rid="15866473" href="javascript:;" title="没用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png"/&gt;
&lt;span id="r-useless_count-15866473"&gt;
                                20
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="reply" href="https://movie.douban.com/review/15866473/#comments"&gt;66回应&lt;/a&gt;
&lt;a class="fold hidden" href="javascript:;;"&gt;收起&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div data-cid="15866439"&gt;
&lt;div class="main review-item" id="15866439"&gt;
&lt;a class="subject-img" href="https://movie.douban.com/subject/36145248/"&gt; &lt;img alt="承欢记" rel="v:image" src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2906352060.jpg" title="承欢记"/&gt; &lt;/a&gt;
&lt;header class="main-hd"&gt;
&lt;a class="avator" href="https://www.douban.com/people/271345668/"&gt;
&lt;img height="24" src="https://img3.doubanio.com/icon/u271345668-2.jpg" width="24"/&gt;
&lt;/a&gt;
&lt;a class="name" href="https://www.douban.com/people/271345668/"&gt;是的我爱上班&lt;/a&gt;
&lt;span class="allstar50 main-title-rating" title="力荐"&gt;&lt;/span&gt;
&lt;span class="main-meta" content="2024-04-09"&gt;2024-04-09 21:21:27&lt;/span&gt;
&lt;/header&gt;
&lt;div class="main-bd"&gt;
&lt;h2&gt;&lt;a href="https://movie.douban.com/review/15866439/"&gt;真实、共情、个人感受，好久没看到这样的电视剧了&lt;/a&gt;&lt;/h2&gt;
&lt;div class="review-short" data-rid="15866439" id="review_15866439_short"&gt;
&lt;div class="short-content"&gt;

                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...

                         (&lt;a class="unfold" href="javascript:;" id="toggle-15866439-copy" title="展开"&gt;展开&lt;/a&gt;)
                    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="hidden" id="review_15866439_full"&gt;
&lt;div class="full-content" id="review_15866439_full_content"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="action"&gt;
&lt;a class="action-btn up" data-rid="15866439" href="javascript:;" title="有用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png"/&gt;
&lt;span id="r-useful_count-15866439"&gt;
                                171
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="action-btn down" data-rid="15866439" href="javascript:;" title="没用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png"/&gt;
&lt;span id="r-useless_count-15866439"&gt;
                                14
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="reply" href="https://movie.douban.com/review/15866439/#comments"&gt;54回应&lt;/a&gt;
&lt;a class="fold hidden" href="javascript:;;"&gt;收起&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div data-cid="15867526"&gt;
&lt;div class="main review-item" id="15867526"&gt;
&lt;a class="subject-img" href="https://movie.douban.com/subject/30292777/"&gt; &lt;img alt="阳光普照" rel="v:image" src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2570235120.jpg" title="阳光普照"/&gt; &lt;/a&gt;
&lt;header class="main-hd"&gt;
&lt;a class="avator" href="https://www.douban.com/people/kuli20050503/"&gt;
&lt;img height="24" src="https://img2.doubanio.com/icon/u259601179-11.jpg" width="24"/&gt;
&lt;/a&gt;
&lt;a class="name" href="https://www.douban.com/people/kuli20050503/"&gt;懒懒不懒&lt;/a&gt;
&lt;span class="allstar50 main-title-rating" title="力荐"&gt;&lt;/span&gt;
&lt;span class="main-meta" content="2024-04-10"&gt;2024-04-10 12:02:11&lt;/span&gt;
&lt;/header&gt;
&lt;div class="main-bd"&gt;
&lt;h2&gt;&lt;a href="https://movie.douban.com/review/15867526/"&gt;跑吧，别停下来了&lt;/a&gt;&lt;/h2&gt;
&lt;div class="review-short" data-rid="15867526" id="review_15867526_short"&gt;
&lt;div class="short-content"&gt;

                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...

                         (&lt;a class="unfold" href="javascript:;" id="toggle-15867526-copy" title="展开"&gt;展开&lt;/a&gt;)
                    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="hidden" id="review_15867526_full"&gt;
&lt;div class="full-content" id="review_15867526_full_content"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="action"&gt;
&lt;a class="action-btn up" data-rid="15867526" href="javascript:;" title="有用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png"/&gt;
&lt;span id="r-useful_count-15867526"&gt;
                                15
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="action-btn down" data-rid="15867526" href="javascript:;" title="没用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png"/&gt;
&lt;span id="r-useless_count-15867526"&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="reply" href="https://movie.douban.com/review/15867526/#comments"&gt;0回应&lt;/a&gt;
&lt;a class="fold hidden" href="javascript:;;"&gt;收起&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div data-cid="15867284"&gt;
&lt;div class="main review-item" id="15867284"&gt;
&lt;a class="subject-img" href="https://movie.douban.com/subject/36145248/"&gt; &lt;img alt="承欢记" rel="v:image" src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2906352060.jpg" title="承欢记"/&gt; &lt;/a&gt;
&lt;header class="main-hd"&gt;
&lt;a class="avator" href="https://www.douban.com/people/199194497/"&gt;
&lt;img height="24" src="https://img9.doubanio.com/icon/u199194497-5.jpg" width="24"/&gt;
&lt;/a&gt;
&lt;a class="name" href="https://www.douban.com/people/199194497/"&gt;追剧人&lt;/a&gt;
&lt;span class="allstar10 main-title-rating" title="很差"&gt;&lt;/span&gt;
&lt;span class="main-meta" content="2024-04-10"&gt;2024-04-10 09:48:18&lt;/span&gt;
&lt;/header&gt;
&lt;div class="main-bd"&gt;
&lt;h2&gt;&lt;a href="https://movie.douban.com/review/15867284/"&gt;人设崩塌，女主独立人设实际是恋爱脑，剧情难看，编剧改编的都一言难尽&lt;/a&gt;&lt;/h2&gt;
&lt;div class="review-short" data-rid="15867284" id="review_15867284_short"&gt;
&lt;div class="short-content"&gt;

                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...

                         (&lt;a class="unfold" href="javascript:;" id="toggle-15867284-copy" title="展开"&gt;展开&lt;/a&gt;)
                    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="hidden" id="review_15867284_full"&gt;
&lt;div class="full-content" id="review_15867284_full_content"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="action"&gt;
&lt;a class="action-btn up" data-rid="15867284" href="javascript:;" title="有用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png"/&gt;
&lt;span id="r-useful_count-15867284"&gt;
                                64
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="action-btn down" data-rid="15867284" href="javascript:;" title="没用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png"/&gt;
&lt;span id="r-useless_count-15867284"&gt;
                                12
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="reply" href="https://movie.douban.com/review/15867284/#comments"&gt;4回应&lt;/a&gt;
&lt;a class="fold hidden" href="javascript:;;"&gt;收起&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div data-cid="15867345"&gt;
&lt;div class="main review-item" id="15867345"&gt;
&lt;a class="subject-img" href="https://movie.douban.com/subject/35611467/"&gt; &lt;img alt="老狐狸" rel="v:image" src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2900908599.jpg" title="老狐狸"/&gt; &lt;/a&gt;
&lt;header class="main-hd"&gt;
&lt;a class="avator" href="https://www.douban.com/people/MovieL/"&gt;
&lt;img height="24" src="https://img3.doubanio.com/icon/u1128221-102.jpg" width="24"/&gt;
&lt;/a&gt;
&lt;a class="name" href="https://www.douban.com/people/MovieL/"&gt;木卫二&lt;/a&gt;
&lt;span class="main-meta" content="2024-04-10"&gt;2024-04-10 10:25:43&lt;/span&gt;
&lt;/header&gt;
&lt;div class="main-bd"&gt;
&lt;h2&gt;&lt;a href="https://movie.douban.com/review/15867345/"&gt;了不起的狐狸和老爸&lt;/a&gt;&lt;/h2&gt;
&lt;div class="review-short" data-rid="15867345" id="review_15867345_short"&gt;
&lt;div class="short-content"&gt;

                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...

                         (&lt;a class="unfold" href="javascript:;" id="toggle-15867345-copy" title="展开"&gt;展开&lt;/a&gt;)
                    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="hidden" id="review_15867345_full"&gt;
&lt;div class="full-content" id="review_15867345_full_content"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="action"&gt;
&lt;a class="action-btn up" data-rid="15867345" href="javascript:;" title="有用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png"/&gt;
&lt;span id="r-useful_count-15867345"&gt;
                                14
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="action-btn down" data-rid="15867345" href="javascript:;" title="没用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png"/&gt;
&lt;span id="r-useless_count-15867345"&gt;
                                2
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="reply" href="https://movie.douban.com/review/15867345/#comments"&gt;0回应&lt;/a&gt;
&lt;a class="fold hidden" href="javascript:;;"&gt;收起&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div data-cid="15869685"&gt;
&lt;div class="main review-item" id="15869685"&gt;
&lt;a class="subject-img" href="https://movie.douban.com/subject/35431983/"&gt; &lt;img alt="梦中的那片海" rel="v:image" src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2892744226.jpg" title="梦中的那片海"/&gt; &lt;/a&gt;
&lt;header class="main-hd"&gt;
&lt;a class="avator" href="https://www.douban.com/people/252438107/"&gt;
&lt;img height="24" src="https://img3.doubanio.com/icon/u252438107-2.jpg" width="24"/&gt;
&lt;/a&gt;
&lt;a class="name" href="https://www.douban.com/people/252438107/"&gt;wowo&lt;/a&gt;
&lt;span class="allstar50 main-title-rating" title="力荐"&gt;&lt;/span&gt;
&lt;span class="main-meta" content="2024-04-11"&gt;2024-04-11 10:50:48&lt;/span&gt;
&lt;/header&gt;
&lt;div class="main-bd"&gt;
&lt;h2&gt;&lt;a href="https://movie.douban.com/review/15869685/"&gt;梦海就是乡愁&lt;/a&gt;&lt;/h2&gt;
&lt;div class="review-short" data-rid="15869685" id="review_15869685_short"&gt;
&lt;div class="short-content"&gt;

                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...

                         (&lt;a class="unfold" href="javascript:;" id="toggle-15869685-copy" title="展开"&gt;展开&lt;/a&gt;)
                    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="hidden" id="review_15869685_full"&gt;
&lt;div class="full-content" id="review_15869685_full_content"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="action"&gt;
&lt;a class="action-btn up" data-rid="15869685" href="javascript:;" title="有用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png"/&gt;
&lt;span id="r-useful_count-15869685"&gt;
                                5
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="action-btn down" data-rid="15869685" href="javascript:;" title="没用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png"/&gt;
&lt;span id="r-useless_count-15869685"&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="reply" href="https://movie.douban.com/review/15869685/#comments"&gt;0回应&lt;/a&gt;
&lt;a class="fold hidden" href="javascript:;;"&gt;收起&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div data-cid="15870117"&gt;
&lt;div class="main review-item" id="15870117"&gt;
&lt;a class="subject-img" href="https://movie.douban.com/subject/1291581/"&gt; &lt;img alt="怪物史瑞克" rel="v:image" src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p1910896706.jpg" title="怪物史瑞克"/&gt; &lt;/a&gt;
&lt;header class="main-hd"&gt;
&lt;a class="avator" href="https://www.douban.com/people/164746195/"&gt;
&lt;img height="24" src="https://img3.doubanio.com/icon/u164746195-3.jpg" width="24"/&gt;
&lt;/a&gt;
&lt;a class="name" href="https://www.douban.com/people/164746195/"&gt;仙玉&lt;/a&gt;
&lt;span class="allstar40 main-title-rating" title="推荐"&gt;&lt;/span&gt;
&lt;span class="main-meta" content="2024-04-11"&gt;2024-04-11 14:42:00&lt;/span&gt;
&lt;/header&gt;
&lt;div class="main-bd"&gt;
&lt;h2&gt;&lt;a href="https://movie.douban.com/review/15870117/"&gt;迪士尼动画片是练习三幕式的最佳范本&lt;/a&gt;&lt;/h2&gt;
&lt;div class="review-short" data-rid="15870117" id="review_15870117_short"&gt;
&lt;div class="short-content"&gt;

                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...

                         (&lt;a class="unfold" href="javascript:;" id="toggle-15870117-copy" title="展开"&gt;展开&lt;/a&gt;)
                    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="hidden" id="review_15870117_full"&gt;
&lt;div class="full-content" id="review_15870117_full_content"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="action"&gt;
&lt;a class="action-btn up" data-rid="15870117" href="javascript:;" title="有用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png"/&gt;
&lt;span id="r-useful_count-15870117"&gt;
                                1
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="action-btn down" data-rid="15870117" href="javascript:;" title="没用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png"/&gt;
&lt;span id="r-useless_count-15870117"&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="reply" href="https://movie.douban.com/review/15870117/#comments"&gt;0回应&lt;/a&gt;
&lt;a class="fold hidden" href="javascript:;;"&gt;收起&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div data-cid="15865581"&gt;
&lt;div class="main review-item" id="15865581"&gt;
&lt;a class="subject-img" href="https://movie.douban.com/subject/1308796/"&gt; &lt;img alt="柔道龙虎榜" rel="v:image" src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2327278253.jpg" title="柔道龙虎榜"/&gt; &lt;/a&gt;
&lt;header class="main-hd"&gt;
&lt;a class="avator" href="https://www.douban.com/people/WZT20030226/"&gt;
&lt;img height="24" src="https://img9.doubanio.com/icon/u201446145-4.jpg" width="24"/&gt;
&lt;/a&gt;
&lt;a class="name" href="https://www.douban.com/people/WZT20030226/"&gt;失止怅失&lt;/a&gt;
&lt;span class="allstar40 main-title-rating" title="推荐"&gt;&lt;/span&gt;
&lt;span class="main-meta" content="2024-04-09"&gt;2024-04-09 13:27:58&lt;/span&gt;
&lt;/header&gt;
&lt;div class="main-bd"&gt;
&lt;h2&gt;&lt;a href="https://movie.douban.com/review/15865581/"&gt;长评/城市的目光：《柔道龙虎榜》&lt;/a&gt;&lt;/h2&gt;
&lt;div class="review-short" data-rid="15865581" id="review_15865581_short"&gt;
&lt;div class="short-content"&gt;

                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...

                         (&lt;a class="unfold" href="javascript:;" id="toggle-15865581-copy" title="展开"&gt;展开&lt;/a&gt;)
                    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="hidden" id="review_15865581_full"&gt;
&lt;div class="full-content" id="review_15865581_full_content"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="action"&gt;
&lt;a class="action-btn up" data-rid="15865581" href="javascript:;" title="有用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png"/&gt;
&lt;span id="r-useful_count-15865581"&gt;
                                8
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="action-btn down" data-rid="15865581" href="javascript:;" title="没用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png"/&gt;
&lt;span id="r-useless_count-15865581"&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="reply" href="https://movie.douban.com/review/15865581/#comments"&gt;0回应&lt;/a&gt;
&lt;a class="fold hidden" href="javascript:;;"&gt;收起&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div data-cid="15867725"&gt;
&lt;div class="main review-item" id="15867725"&gt;
&lt;a class="subject-img" href="https://movie.douban.com/subject/35209732/"&gt; &lt;img alt="城中之城" rel="v:image" src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2906704315.jpg" title="城中之城"/&gt; &lt;/a&gt;
&lt;header class="main-hd"&gt;
&lt;a class="avator" href="https://www.douban.com/people/43194328/"&gt;
&lt;img height="24" src="https://img9.doubanio.com/icon/u43194328-4.jpg" width="24"/&gt;
&lt;/a&gt;
&lt;a class="name" href="https://www.douban.com/people/43194328/"&gt;Nobunaga.H&lt;/a&gt;
&lt;span class="allstar40 main-title-rating" title="推荐"&gt;&lt;/span&gt;
&lt;span class="main-meta" content="2024-04-10"&gt;2024-04-10 14:14:04&lt;/span&gt;
&lt;/header&gt;
&lt;div class="main-bd"&gt;
&lt;h2&gt;&lt;a href="https://movie.douban.com/review/15867725/"&gt;看个剧给本沪漂人看破防了&lt;/a&gt;&lt;/h2&gt;
&lt;div class="review-short" data-rid="15867725" id="review_15867725_short"&gt;
&lt;div class="short-content"&gt;

                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...

                         (&lt;a class="unfold" href="javascript:;" id="toggle-15867725-copy" title="展开"&gt;展开&lt;/a&gt;)
                    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="hidden" id="review_15867725_full"&gt;
&lt;div class="full-content" id="review_15867725_full_content"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="action"&gt;
&lt;a class="action-btn up" data-rid="15867725" href="javascript:;" title="有用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png"/&gt;
&lt;span id="r-useful_count-15867725"&gt;
                                13
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="action-btn down" data-rid="15867725" href="javascript:;" title="没用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png"/&gt;
&lt;span id="r-useless_count-15867725"&gt;
                                4
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="reply" href="https://movie.douban.com/review/15867725/#comments"&gt;10回应&lt;/a&gt;
&lt;a class="fold hidden" href="javascript:;;"&gt;收起&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div data-cid="15869545"&gt;
&lt;div class="main review-item" id="15869545"&gt;
&lt;a class="subject-img" href="https://movie.douban.com/subject/35564470/"&gt; &lt;img alt="与凤行" rel="v:image" src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2905668771.jpg" title="与凤行"/&gt; &lt;/a&gt;
&lt;header class="main-hd"&gt;
&lt;a class="avator" href="https://www.douban.com/people/215558349/"&gt;
&lt;img height="24" src="https://img3.doubanio.com/icon/u215558349-13.jpg" width="24"/&gt;
&lt;/a&gt;
&lt;a class="name" href="https://www.douban.com/people/215558349/"&gt;砣&lt;/a&gt;
&lt;span class="allstar50 main-title-rating" title="力荐"&gt;&lt;/span&gt;
&lt;span class="main-meta" content="2024-04-11"&gt;2024-04-11 09:54:20&lt;/span&gt;
&lt;/header&gt;
&lt;div class="main-bd"&gt;
&lt;h2&gt;&lt;a href="https://movie.douban.com/review/15869545/"&gt;与凤行让我感觉，我们这个时代看似天马行空的幻想，被文化产业主流接纳并鼓励还为我们寻找出路。深受感动！！！！&lt;/a&gt;&lt;/h2&gt;
&lt;div class="review-short" data-rid="15869545" id="review_15869545_short"&gt;
&lt;div class="short-content"&gt;

                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...

                         (&lt;a class="unfold" href="javascript:;" id="toggle-15869545-copy" title="展开"&gt;展开&lt;/a&gt;)
                    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="hidden" id="review_15869545_full"&gt;
&lt;div class="full-content" id="review_15869545_full_content"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="action"&gt;
&lt;a class="action-btn up" data-rid="15869545" href="javascript:;" title="有用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png"/&gt;
&lt;span id="r-useful_count-15869545"&gt;
                                14
                        &lt;/span&gt;
&lt;/a&gt;
&lt;a class="action-btn down" data-rid="15869545" href="javascript:;" title="没用"&gt;
&lt;img src="https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png"/&gt;
&lt;span id="r-useless_count-15869545"&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="reply" href="https://movie.douban.com/review/15869545/#comments"&gt;2回应&lt;/a&gt;
&lt;a class="fold hidden" href="javascript:;;"&gt;收起&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- COLLECTED JS --&gt;
&lt;!-- COLLECTED CSS --&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
        (function() {
            if (window.__init_review_list) return;
            __init_review_list = true;
        })();
        window.useful_icon = "https://img1.doubanio.com/f/zerkalo/536fd337139250b5fb3cf9e79cb65c6193f8b20b/pics/up.png";
        window.usefuled_icon = "https://img1.doubanio.com/f/zerkalo/635290bb14771c97270037be21ad50514d57acc3/pics/up-full.png";
        window.useless_icon = "https://img1.doubanio.com/f/zerkalo/68849027911140623cf338c9845893c4566db851/pics/down.png";
        window.uselessed_icon = "https://img1.doubanio.com/f/zerkalo/23cee7343568ca814238f5ef18bf8aadbe959df2/pics/down-full.png";
    &lt;/script&gt;
&lt;link href="https://img1.doubanio.com/f/zerkalo/3aeb281ab0e4f2c7050458684acfeb6838441de9/css/review/editor/ng/setting_standalone.css" rel="stylesheet"/&gt;
&lt;script src="https://img1.doubanio.com/f/zerkalo/938cdbe2e223a3117cbbcb4929cae2001b402c20/js/review/editor/ng/manifest.js"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/zerkalo/296cd5fec472a78add5fee958c58d72f47d91586/js/review/editor/ng/vendor.js"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/zerkalo/c0095c35695e36603701c428b6679987211e3c9b/js/review/editor/ng/setting_standalone.js"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/zerkalo/8941af7854ddad9561648b706cdb49f3d1534ff3/js/review/editor/ng/render_gif.js"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/zerkalo/68b2d67ea75209236a6443ad45f370f1bca536ae/js/review/actions.js"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/zerkalo/7196bdec780f03785f55b06fda34999595057f65/js/review/unfold.js"&gt;&lt;/script&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/f25ae221544f39046484a823776f3aa01769ee10/js/ui/dialog.js"&gt;&lt;/script&gt;
&lt;div class="paginator"&gt;
&lt;span class="prev"&gt;
            &amp;lt;前页
        &lt;/span&gt;
&lt;span class="thispage" data-total-page="5"&gt;1&lt;/span&gt;
&lt;a href="/review/best?start=20"&gt;2&lt;/a&gt;
&lt;a href="/review/best?start=40"&gt;3&lt;/a&gt;
&lt;a href="/review/best?start=60"&gt;4&lt;/a&gt;
&lt;a href="/review/best?start=80"&gt;5&lt;/a&gt;
&lt;span class="next"&gt;
&lt;link href="/review/best?start=20" rel="next"/&gt;
&lt;a href="/review/best?start=20"&gt;后页&amp;gt;&lt;/a&gt;
&lt;/span&gt;
&lt;span class="count"&gt;(共100条)&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="aside"&gt;
&lt;!-- douban ad begin --&gt;
&lt;div id="dale_review_best_top_right"&gt;&lt;/div&gt;
&lt;!-- douban ad end --&gt;
&lt;div class="sidebar-info-wrapper"&gt;
&lt;div class="sidebar-copy"&gt;
&lt;p&gt;如果你觉得一篇评论对你有帮助，请你点击“有用”。你的投票直接决定哪些评论出现在豆瓣首页和“豆瓣最受欢迎的评论”里，以及在书、电影和音乐介绍页里评论的排序。&lt;/p&gt;
&lt;p&gt;所有“没用”的点击都是匿名的。&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p class="pl"&gt;
&lt;span class="feed"&gt; &lt;a href="/feed/review/movie"&gt;订阅豆瓣最受欢迎的剧评&lt;/a&gt; &lt;/span&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;div class="extra"&gt;
&lt;!-- douban ad begin --&gt;
&lt;div id="dale_movie_review_best_bottom_banner"&gt;&lt;/div&gt;
&lt;!-- douban ad end --&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id="footer"&gt;
&lt;div class="footer-extra"&gt;&lt;/div&gt;
&lt;span class="fleft gray-link" id="icp"&gt;
    © 2005－2024 douban.com, all rights reserved 北京豆网科技有限公司
&lt;/span&gt;
&lt;a href="https://www.douban.com/hnypt/variformcyst.py" style="display: none;"&gt;&lt;/a&gt;
&lt;span class="fright"&gt;
&lt;a href="https://www.douban.com/about"&gt;关于豆瓣&lt;/a&gt;
    · &lt;a href="https://www.douban.com/jobs"&gt;在豆瓣工作&lt;/a&gt;
    · &lt;a href="https://www.douban.com/about?topic=contactus"&gt;联系我们&lt;/a&gt;
    · &lt;a href="https://www.douban.com/about/legal"&gt;法律声明&lt;/a&gt;
    
    · &lt;a href="https://help.douban.com/?app=movie" target="_blank"&gt;帮助中心&lt;/a&gt;
    · &lt;a href="https://www.douban.com/doubanapp/"&gt;移动应用&lt;/a&gt;
    · &lt;a href="https://www.douban.com/partner/"&gt;豆瓣广告&lt;/a&gt;
&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;link href="https://img1.doubanio.com/f/vendors/0035bb2f83e2cba49ecf634fed57f9ff1bbd0d09/css/ui/dialog.css" rel="stylesheet"/&gt;
&lt;script src="https://img1.doubanio.com/f/vendors/f25ae221544f39046484a823776f3aa01769ee10/js/ui/dialog.js"&gt;&lt;/script&gt;
&lt;link href="https://img1.doubanio.com/f/zerkalo/fe06a969fec2bb6528d9e3b7a6eb74c8466b3776/css/popup/reg_login_pop.css" rel="stylesheet"/&gt;
&lt;script src="https://img1.doubanio.com/f/zerkalo/1e88a225322a63e907c78c7c40173f1862c10c84/js/popup/reg_login_popup.js"&gt;&lt;/script&gt;
&lt;!-- COLLECTED JS --&gt;
&lt;!-- douban ad begin --&gt;
&lt;script type="text/javascript"&gt;
    (function (global) {
        var newNode = global.document.createElement('script'),
            existingNode = global.document.getElementsByTagName('script')[0],
            adSource = '//erebor.douban.com/',
            userId = '',
            browserId = 'bmN5cr6LzeQ',
            criteria = '3:/review/best/',
            preview = '',
            debug = false,
            adSlots = ['dale_review_best_top_right', 'dale_movie_review_best_bottom_banner'];

        global.DoubanAdRequest = {src: adSource, uid: userId, bid: browserId, crtr: criteria, prv: preview, debug: debug};
        global.DoubanAdSlots = (global.DoubanAdSlots || []).concat(adSlots);

        newNode.setAttribute('type', 'text/javascript');
        newNode.setAttribute('src', '//img1.doubanio.com/bG90MDZqMy9mL2FkanMvYzhmZjE5MGNhYzNkN2UyMWJjMTI3NzJlYWNkOWVkODZhMmFjMzdhMi9hZC5yZWxlYXNlLmpz?company_token=kX69T8w1wyOE-dale');
        newNode.setAttribute('async', true);
        existingNode.parentNode.insertBefore(newNode, existingNode);
    })(this);
&lt;/script&gt;
&lt;!-- douban ad end --&gt;
&lt;script type="text/javascript"&gt;
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
    var p=(('https:' == document.location.protocol) ? 'https' : 'http'), u=p+'://fundin.douban.com/';
    _paq.push(['setTrackerUrl', u+'piwik']);
    _paq.push(['setSiteId', '100001']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript';
    g.defer=true;
    g.async=true;
    g.src=p+'://img3.doubanio.com/dae/fundin/piwik.js';
    s.parentNode.insertBefore(g,s);
})();
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
var setMethodWithNs = function(namespace) {
  var ns = namespace ? namespace + '.' : ''
    , fn = function(string) {
        if(!ns) {return string}
        return ns + string
      }
  return fn
}

var gaWithNamespace = function(fn, namespace) {
  var method = setMethodWithNs(namespace)
  fn.call(this, method)
}

var _gaq = _gaq || []
  , accounts = [
      { id: 'UA-7019765-1', namespace: 'douban' }
    , { id: 'UA-7019765-19', namespace: '' }
    ]
  , gaInit = function(account) {
      gaWithNamespace(function(method) {
        gaInitFn.call(this, method, account)
      }, account.namespace)
    }
  , gaInitFn = function(method, account) {
      _gaq.push([method('_setAccount'), account.id]);
      _gaq.push([method('_setSampleRate'), '5']);

      
  _gaq.push([method('_addOrganic'), 'google', 'q'])
  _gaq.push([method('_addOrganic'), 'baidu', 'wd'])
  _gaq.push([method('_addOrganic'), 'soso', 'w'])
  _gaq.push([method('_addOrganic'), 'youdao', 'q'])
  _gaq.push([method('_addOrganic'), 'so.360.cn', 'q'])
  _gaq.push([method('_addOrganic'), 'sogou', 'query'])
  if (account.namespace) {
    _gaq.push([method('_addIgnoredOrganic'), '豆瓣'])
    _gaq.push([method('_addIgnoredOrganic'), 'douban'])
    _gaq.push([method('_addIgnoredOrganic'), '豆瓣网'])
    _gaq.push([method('_addIgnoredOrganic'), 'www.douban.com'])
  }

      if (account.namespace === 'douban') {
        _gaq.push([method('_setDomainName'), '.douban.com'])
      }

        _gaq.push([method('_setCustomVar'), 1, 'responsive_view_mode', 'desktop', 3])

        _gaq.push([method('_setCustomVar'), 2, 'login_status', '0', 2]);

      _gaq.push([method('_trackPageview')])
    }

for(var i = 0, l = accounts.length; i &lt; l; i++) {
  var account = accounts[i]
  gaInit(account)
}


;(function() {
    var ga = document.createElement('script');
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    ga.setAttribute('async', 'true');
    document.documentElement.firstChild.appendChild(ga);
})()
&lt;/script&gt;
&lt;!-- dae-web-zerkalo--default-74cc766764-h2zpg--&gt;
&lt;script&gt;_SPLITTEST=''&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=2d63ec7e-5120-4422-a860-37f8e5292e0a">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [11]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="n">soup3</span><span class="o">=</span><span class="n">soup</span><span class="o">.</span><span class="n">select</span><span class="p">(</span><span class="s1">'div'</span><span class="p">)</span>
<span class="k">for</span> <span class="n">soup4</span> <span class="ow">in</span> <span class="n">soup3</span><span class="p">:</span>
    <span class="n">name1</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">soup4</span><span class="o">.</span><span class="n">text</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">name1</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>['\n\n\n登录/注册\n\n\n下载豆瓣客户端\n\n豆瓣 6.0 全新发布\n×\n\n\n豆瓣\n扫码直接下载\n\niPhone\n·\nAndroid\n\n\n\n\n\n\n豆瓣\n\n\n读书\n\n\n电影\n\n\n音乐\n\n\n同城\n\n\n小组\n\n\n阅读\n\n\nFM\n\n\n时间\n\n\n豆品\n\n\n\n\n', '\n\n登录/注册\n\n\n下载豆瓣客户端\n\n豆瓣 6.0 全新发布\n×\n\n\n豆瓣\n扫码直接下载\n\niPhone\n·\nAndroid\n\n\n\n\n\n\n豆瓣\n\n\n读书\n\n\n电影\n\n\n音乐\n\n\n同城\n\n\n小组\n\n\n阅读\n\n\nFM\n\n\n时间\n\n\n豆品\n\n\n\n', '\n登录/注册\n', '\n下载豆瓣客户端\n\n豆瓣 6.0 全新发布\n×\n\n\n豆瓣\n扫码直接下载\n\niPhone\n·\nAndroid\n\n\n', '\n豆瓣 6.0 全新发布\n×\n', '\n豆瓣\n扫码直接下载\n\niPhone\n·\nAndroid\n\n', '\niPhone\n·\nAndroid\n', '\n\n\n豆瓣\n\n\n读书\n\n\n电影\n\n\n音乐\n\n\n同城\n\n\n小组\n\n\n阅读\n\n\nFM\n\n\n时间\n\n\n豆品\n\n\n', '\n\n\n\n豆瓣电影\n\n\n\n\n搜索：\n\n\n\n\n\n\n\n\n\n\n\n\n\n影讯&amp;购票\n\n选电影\n\n电视剧\n\n排行榜\n\n影评\n\n2023年度榜单\n\n2023年度报告\n\n\n\n\n\n', '\n\n\n豆瓣电影\n\n\n\n\n搜索：\n\n\n\n\n\n\n\n\n\n', '\n\n豆瓣电影\n\n\n\n\n搜索：\n\n\n\n\n\n\n\n\n', '\n豆瓣电影\n', '\n\n\n搜索：\n\n\n\n\n\n\n\n', '', '', '\n\n\n影讯&amp;购票\n\n选电影\n\n电视剧\n\n排行榜\n\n影评\n\n2023年度榜单\n\n2023年度报告\n\n\n\n\n', '\n\n影讯&amp;购票\n\n选电影\n\n电视剧\n\n排行榜\n\n影评\n\n2023年度榜单\n\n2023年度报告\n\n\n', '\n\n豆瓣最受欢迎的影评\n\n\n\n  最受欢迎的  \n  新片评论  \n\n\n\n\n  \n\n\n\n\nfisher\n\n2024-04-09 21:36:45\n\n\n依托答辩为什么要用这么精美的包装？\n\n\n\n                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                173\n                        \n\n\n\n\n                                20\n                        \n\n66回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n是的我爱上班\n\n2024-04-09 21:21:27\n\n\n真实、共情、个人感受，好久没看到这样的电视剧了\n\n\n\n                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                171\n                        \n\n\n\n\n                                14\n                        \n\n54回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n懒懒不懒\n\n2024-04-10 12:02:11\n\n\n跑吧，别停下来了\n\n\n\n                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                15\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n追剧人\n\n2024-04-10 09:48:18\n\n\n人设崩塌，女主独立人设实际是恋爱脑，剧情难看，编剧改编的都一言难尽\n\n\n\n                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                64\n                        \n\n\n\n\n                                12\n                        \n\n4回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n木卫二\n2024-04-10 10:25:43\n\n\n了不起的狐狸和老爸\n\n\n\n                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n                                2\n                        \n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\nwowo\n\n2024-04-11 10:50:48\n\n\n梦海就是乡愁\n\n\n\n                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                5\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n仙玉\n\n2024-04-11 14:42:00\n\n\n迪士尼动画片是练习三幕式的最佳范本\n\n\n\n                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                1\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n失止怅失\n\n2024-04-09 13:27:58\n\n\n长评/城市的目光：《柔道龙虎榜》\n\n\n\n                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                8\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\nNobunaga.H\n\n2024-04-10 14:14:04\n\n\n看个剧给本沪漂人看破防了\n\n\n\n                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                13\n                        \n\n\n\n\n                                4\n                        \n\n10回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n砣\n\n2024-04-11 09:54:20\n\n\n与凤行让我感觉，我们这个时代看似天马行空的幻想，被文化产业主流接纳并鼓励还为我们寻找出路。深受感动！！！！\n\n\n\n                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n\n\n2回应\n收起\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n            &lt;前页\n        \n1\n2\n3\n4\n5\n\n\n后页&gt;\n\n(共100条)\n\n\n\n\n\n\n\n\n如果你觉得一篇评论对你有帮助，请你点击“有用”。你的投票直接决定哪些评论出现在豆瓣首页和“豆瓣最受欢迎的评论”里，以及在书、电影和音乐介绍页里评论的排序。\n所有“没用”的点击都是匿名的。\n\n\n\n 订阅豆瓣最受欢迎的剧评 \n\n\n\n\n\n\n\n\n\n\n\n\n    © 2005－2024 douban.com, all rights reserved 北京豆网科技有限公司\n\n\n\n关于豆瓣\n    · 在豆瓣工作\n    · 联系我们\n    · 法律声明\n    \n    · 帮助中心\n    · 移动应用\n    · 豆瓣广告\n\n\n', '\n豆瓣最受欢迎的影评\n\n\n\n  最受欢迎的  \n  新片评论  \n\n\n\n\n  \n\n\n\n\nfisher\n\n2024-04-09 21:36:45\n\n\n依托答辩为什么要用这么精美的包装？\n\n\n\n                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                173\n                        \n\n\n\n\n                                20\n                        \n\n66回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n是的我爱上班\n\n2024-04-09 21:21:27\n\n\n真实、共情、个人感受，好久没看到这样的电视剧了\n\n\n\n                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                171\n                        \n\n\n\n\n                                14\n                        \n\n54回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n懒懒不懒\n\n2024-04-10 12:02:11\n\n\n跑吧，别停下来了\n\n\n\n                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                15\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n追剧人\n\n2024-04-10 09:48:18\n\n\n人设崩塌，女主独立人设实际是恋爱脑，剧情难看，编剧改编的都一言难尽\n\n\n\n                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                64\n                        \n\n\n\n\n                                12\n                        \n\n4回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n木卫二\n2024-04-10 10:25:43\n\n\n了不起的狐狸和老爸\n\n\n\n                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n                                2\n                        \n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\nwowo\n\n2024-04-11 10:50:48\n\n\n梦海就是乡愁\n\n\n\n                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                5\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n仙玉\n\n2024-04-11 14:42:00\n\n\n迪士尼动画片是练习三幕式的最佳范本\n\n\n\n                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                1\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n失止怅失\n\n2024-04-09 13:27:58\n\n\n长评/城市的目光：《柔道龙虎榜》\n\n\n\n                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                8\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\nNobunaga.H\n\n2024-04-10 14:14:04\n\n\n看个剧给本沪漂人看破防了\n\n\n\n                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                13\n                        \n\n\n\n\n                                4\n                        \n\n10回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n砣\n\n2024-04-11 09:54:20\n\n\n与凤行让我感觉，我们这个时代看似天马行空的幻想，被文化产业主流接纳并鼓励还为我们寻找出路。深受感动！！！！\n\n\n\n                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n\n\n2回应\n收起\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n            &lt;前页\n        \n1\n2\n3\n4\n5\n\n\n后页&gt;\n\n(共100条)\n\n\n\n\n\n\n\n\n如果你觉得一篇评论对你有帮助，请你点击“有用”。你的投票直接决定哪些评论出现在豆瓣首页和“豆瓣最受欢迎的评论”里，以及在书、电影和音乐介绍页里评论的排序。\n所有“没用”的点击都是匿名的。\n\n\n\n 订阅豆瓣最受欢迎的剧评 \n\n\n\n\n\n\n\n\n', '\n\n\n  最受欢迎的  \n  新片评论  \n\n\n\n\n  \n\n\n\n\nfisher\n\n2024-04-09 21:36:45\n\n\n依托答辩为什么要用这么精美的包装？\n\n\n\n                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                173\n                        \n\n\n\n\n                                20\n                        \n\n66回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n是的我爱上班\n\n2024-04-09 21:21:27\n\n\n真实、共情、个人感受，好久没看到这样的电视剧了\n\n\n\n                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                171\n                        \n\n\n\n\n                                14\n                        \n\n54回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n懒懒不懒\n\n2024-04-10 12:02:11\n\n\n跑吧，别停下来了\n\n\n\n                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                15\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n追剧人\n\n2024-04-10 09:48:18\n\n\n人设崩塌，女主独立人设实际是恋爱脑，剧情难看，编剧改编的都一言难尽\n\n\n\n                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                64\n                        \n\n\n\n\n                                12\n                        \n\n4回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n木卫二\n2024-04-10 10:25:43\n\n\n了不起的狐狸和老爸\n\n\n\n                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n                                2\n                        \n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\nwowo\n\n2024-04-11 10:50:48\n\n\n梦海就是乡愁\n\n\n\n                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                5\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n仙玉\n\n2024-04-11 14:42:00\n\n\n迪士尼动画片是练习三幕式的最佳范本\n\n\n\n                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                1\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n失止怅失\n\n2024-04-09 13:27:58\n\n\n长评/城市的目光：《柔道龙虎榜》\n\n\n\n                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                8\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\nNobunaga.H\n\n2024-04-10 14:14:04\n\n\n看个剧给本沪漂人看破防了\n\n\n\n                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                13\n                        \n\n\n\n\n                                4\n                        \n\n10回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n砣\n\n2024-04-11 09:54:20\n\n\n与凤行让我感觉，我们这个时代看似天马行空的幻想，被文化产业主流接纳并鼓励还为我们寻找出路。深受感动！！！！\n\n\n\n                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n\n\n2回应\n收起\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n            &lt;前页\n        \n1\n2\n3\n4\n5\n\n\n后页&gt;\n\n(共100条)\n\n\n\n\n\n\n\n\n如果你觉得一篇评论对你有帮助，请你点击“有用”。你的投票直接决定哪些评论出现在豆瓣首页和“豆瓣最受欢迎的评论”里，以及在书、电影和音乐介绍页里评论的排序。\n所有“没用”的点击都是匿名的。\n\n\n\n 订阅豆瓣最受欢迎的剧评 \n\n\n\n\n\n\n\n', '\n\n  最受欢迎的  \n  新片评论  \n\n\n\n\n  \n\n\n\n\nfisher\n\n2024-04-09 21:36:45\n\n\n依托答辩为什么要用这么精美的包装？\n\n\n\n                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                173\n                        \n\n\n\n\n                                20\n                        \n\n66回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n是的我爱上班\n\n2024-04-09 21:21:27\n\n\n真实、共情、个人感受，好久没看到这样的电视剧了\n\n\n\n                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                171\n                        \n\n\n\n\n                                14\n                        \n\n54回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n懒懒不懒\n\n2024-04-10 12:02:11\n\n\n跑吧，别停下来了\n\n\n\n                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                15\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n追剧人\n\n2024-04-10 09:48:18\n\n\n人设崩塌，女主独立人设实际是恋爱脑，剧情难看，编剧改编的都一言难尽\n\n\n\n                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                64\n                        \n\n\n\n\n                                12\n                        \n\n4回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n木卫二\n2024-04-10 10:25:43\n\n\n了不起的狐狸和老爸\n\n\n\n                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n                                2\n                        \n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\nwowo\n\n2024-04-11 10:50:48\n\n\n梦海就是乡愁\n\n\n\n                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                5\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n仙玉\n\n2024-04-11 14:42:00\n\n\n迪士尼动画片是练习三幕式的最佳范本\n\n\n\n                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                1\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n失止怅失\n\n2024-04-09 13:27:58\n\n\n长评/城市的目光：《柔道龙虎榜》\n\n\n\n                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                8\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\nNobunaga.H\n\n2024-04-10 14:14:04\n\n\n看个剧给本沪漂人看破防了\n\n\n\n                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                13\n                        \n\n\n\n\n                                4\n                        \n\n10回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n砣\n\n2024-04-11 09:54:20\n\n\n与凤行让我感觉，我们这个时代看似天马行空的幻想，被文化产业主流接纳并鼓励还为我们寻找出路。深受感动！！！！\n\n\n\n                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n\n\n2回应\n收起\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n            &lt;前页\n        \n1\n2\n3\n4\n5\n\n\n后页&gt;\n\n(共100条)\n\n', '\n\n\n  \n\n\n\n\nfisher\n\n2024-04-09 21:36:45\n\n\n依托答辩为什么要用这么精美的包装？\n\n\n\n                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                173\n                        \n\n\n\n\n                                20\n                        \n\n66回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n是的我爱上班\n\n2024-04-09 21:21:27\n\n\n真实、共情、个人感受，好久没看到这样的电视剧了\n\n\n\n                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                171\n                        \n\n\n\n\n                                14\n                        \n\n54回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n懒懒不懒\n\n2024-04-10 12:02:11\n\n\n跑吧，别停下来了\n\n\n\n                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                15\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n追剧人\n\n2024-04-10 09:48:18\n\n\n人设崩塌，女主独立人设实际是恋爱脑，剧情难看，编剧改编的都一言难尽\n\n\n\n                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                64\n                        \n\n\n\n\n                                12\n                        \n\n4回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n木卫二\n2024-04-10 10:25:43\n\n\n了不起的狐狸和老爸\n\n\n\n                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n                                2\n                        \n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\nwowo\n\n2024-04-11 10:50:48\n\n\n梦海就是乡愁\n\n\n\n                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                5\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n仙玉\n\n2024-04-11 14:42:00\n\n\n迪士尼动画片是练习三幕式的最佳范本\n\n\n\n                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                1\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n失止怅失\n\n2024-04-09 13:27:58\n\n\n长评/城市的目光：《柔道龙虎榜》\n\n\n\n                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                8\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\nNobunaga.H\n\n2024-04-10 14:14:04\n\n\n看个剧给本沪漂人看破防了\n\n\n\n                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                13\n                        \n\n\n\n\n                                4\n                        \n\n10回应\n收起\n\n\n\n\n\n\n  \n\n\n\n\n砣\n\n2024-04-11 09:54:20\n\n\n与凤行让我感觉，我们这个时代看似天马行空的幻想，被文化产业主流接纳并鼓励还为我们寻找出路。深受感动！！！！\n\n\n\n                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n\n\n2回应\n收起\n\n\n\n\n\n\n', '\n\n  \n\n\n\n\nfisher\n\n2024-04-09 21:36:45\n\n\n依托答辩为什么要用这么精美的包装？\n\n\n\n                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                173\n                        \n\n\n\n\n                                20\n                        \n\n66回应\n收起\n\n\n\n', '\n  \n\n\n\n\nfisher\n\n2024-04-09 21:36:45\n\n\n依托答辩为什么要用这么精美的包装？\n\n\n\n                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                173\n                        \n\n\n\n\n                                20\n                        \n\n66回应\n收起\n\n\n', '\n依托答辩为什么要用这么精美的包装？\n\n\n\n                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                173\n                        \n\n\n\n\n                                20\n                        \n\n66回应\n收起\n\n', '\n\n\n                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...\n\n                        \xa0(展开)\n                    \n', '\n\n                        好久没有剧评了…以为自己已经被如今的电视剧培训得没有下限，看了两集终于没能忍住。才不要和你做朋友的导演和以家人之名的摄影指导到底是怎么合力做出这一坨答辩的呀？最俗最老的剧情集合，毫无悬念的人物关系发展，地狱打光，以及把大上海用魔鬼视角拍成乡下小县城…剧本的...\n\n                        \xa0(展开)\n                    ', '\n\n', '', '\n\n\n\n                                173\n                        \n\n\n\n\n                                20\n                        \n\n66回应\n收起\n', '\n\n  \n\n\n\n\n是的我爱上班\n\n2024-04-09 21:21:27\n\n\n真实、共情、个人感受，好久没看到这样的电视剧了\n\n\n\n                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                171\n                        \n\n\n\n\n                                14\n                        \n\n54回应\n收起\n\n\n\n', '\n  \n\n\n\n\n是的我爱上班\n\n2024-04-09 21:21:27\n\n\n真实、共情、个人感受，好久没看到这样的电视剧了\n\n\n\n                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                171\n                        \n\n\n\n\n                                14\n                        \n\n54回应\n收起\n\n\n', '\n真实、共情、个人感受，好久没看到这样的电视剧了\n\n\n\n                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                171\n                        \n\n\n\n\n                                14\n                        \n\n54回应\n收起\n\n', '\n\n\n                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...\n\n                        \xa0(展开)\n                    \n', '\n\n                        《承欢记》的故事是一部女主的自强之路！ 点开这部剧是因为杨紫。 看下去是因为带入。 给高分是因为真实。 1、先说杨紫以及选角。 杨紫太适合电视剧了，她的气质恰好，自然而温暖，像极了生活在大都市上海普通家庭的95后女孩，面临母亲的催婚压力，以爱为名“全方位插手”的风...\n\n                        \xa0(展开)\n                    ', '\n\n', '', '\n\n\n\n                                171\n                        \n\n\n\n\n                                14\n                        \n\n54回应\n收起\n', '\n\n  \n\n\n\n\n懒懒不懒\n\n2024-04-10 12:02:11\n\n\n跑吧，别停下来了\n\n\n\n                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                15\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n', '\n  \n\n\n\n\n懒懒不懒\n\n2024-04-10 12:02:11\n\n\n跑吧，别停下来了\n\n\n\n                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                15\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n', '\n跑吧，别停下来了\n\n\n\n                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                15\n                        \n\n\n\n\n\n\n0回应\n收起\n\n', '\n\n\n                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...\n\n                        \xa0(展开)\n                    \n', '\n\n                        小巷子里，阿豪和父亲并肩而行，阳光不再普照，心房似乎打开，内心深处的思绪不再隐藏，可仍是那个阿豪，我此行不为啥，就是来看看你，阿豪后面有独自去探望阿和，也不为啥，就是来看看你。阿和从小就被当做太阳，承载着太多的压力，阿豪无数次向别人讲起司马光砸缸的故事，因...\n\n                        \xa0(展开)\n                    ', '\n\n', '', '\n\n\n\n                                15\n                        \n\n\n\n\n\n\n0回应\n收起\n', '\n\n  \n\n\n\n\n追剧人\n\n2024-04-10 09:48:18\n\n\n人设崩塌，女主独立人设实际是恋爱脑，剧情难看，编剧改编的都一言难尽\n\n\n\n                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                64\n                        \n\n\n\n\n                                12\n                        \n\n4回应\n收起\n\n\n\n', '\n  \n\n\n\n\n追剧人\n\n2024-04-10 09:48:18\n\n\n人设崩塌，女主独立人设实际是恋爱脑，剧情难看，编剧改编的都一言难尽\n\n\n\n                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                64\n                        \n\n\n\n\n                                12\n                        \n\n4回应\n收起\n\n\n', '\n人设崩塌，女主独立人设实际是恋爱脑，剧情难看，编剧改编的都一言难尽\n\n\n\n                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                64\n                        \n\n\n\n\n                                12\n                        \n\n4回应\n收起\n\n', '\n\n\n                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...\n\n                        \xa0(展开)\n                    \n', '\n\n                        承欢记剧情真的好难看，感觉把所有俗套的剧情堆到一起甩到我脸上，审判完四集感觉自己事吃学书人吃酸奶碗，以为是美美吃点白人饭，实际被噎到在嗓子眼里糊水泥。女主是什么人设，职场精英但母亲爱催婚，我不知道到底是怎样一个逆来顺受，在妈妈无数次言语催婚下一点脾气没有，...\n\n                        \xa0(展开)\n                    ', '\n\n', '', '\n\n\n\n                                64\n                        \n\n\n\n\n                                12\n                        \n\n4回应\n收起\n', '\n\n  \n\n\n\n\n木卫二\n2024-04-10 10:25:43\n\n\n了不起的狐狸和老爸\n\n\n\n                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n                                2\n                        \n\n0回应\n收起\n\n\n\n', '\n  \n\n\n\n\n木卫二\n2024-04-10 10:25:43\n\n\n了不起的狐狸和老爸\n\n\n\n                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n                                2\n                        \n\n0回应\n收起\n\n\n', '\n了不起的狐狸和老爸\n\n\n\n                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n                                2\n                        \n\n0回应\n收起\n\n', '\n\n\n                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...\n\n                        \xa0(展开)\n                    \n', '\n\n                        《老狐狸》，一个披着怀旧外衣，实则社会达尔文的寓言故事。北野武模样（无發生車禍老年版）的日式大BOSS，是“豪车上的魔术师”，为小男孩许诺一个强者的未来：拒绝同情，关我屁事。 这套逻辑的漏洞在于，即便是弱势，失败者，太在乎别人感受的人，他们一样可以抬起重担，以废...\n\n                        \xa0(展开)\n                    ', '\n\n', '', '\n\n\n\n                                14\n                        \n\n\n\n\n                                2\n                        \n\n0回应\n收起\n', '\n\n  \n\n\n\n\nwowo\n\n2024-04-11 10:50:48\n\n\n梦海就是乡愁\n\n\n\n                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                5\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n', '\n  \n\n\n\n\nwowo\n\n2024-04-11 10:50:48\n\n\n梦海就是乡愁\n\n\n\n                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                5\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n', '\n梦海就是乡愁\n\n\n\n                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                5\n                        \n\n\n\n\n\n\n0回应\n收起\n\n', '\n\n\n                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...\n\n                        \xa0(展开)\n                    \n', '\n\n                        在我看来，梦海有着温暖明亮的底色，却总也萦绕着一种朦胧的愁绪，我一开始觉着是回忆与情怀，被肖战采访一点，悟了，原来是乡愁啊。 回过头看，在那片海里，有“我”、有“我”的亲人、兄弟，有“我”的生活、工作，有“我”的泪水、汗水和梦想…一路走来，都是那片海，不管你...\n\n                        \xa0(展开)\n                    ', '\n\n', '', '\n\n\n\n                                5\n                        \n\n\n\n\n\n\n0回应\n收起\n', '\n\n  \n\n\n\n\n仙玉\n\n2024-04-11 14:42:00\n\n\n迪士尼动画片是练习三幕式的最佳范本\n\n\n\n                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                1\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n', '\n  \n\n\n\n\n仙玉\n\n2024-04-11 14:42:00\n\n\n迪士尼动画片是练习三幕式的最佳范本\n\n\n\n                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                1\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n', '\n迪士尼动画片是练习三幕式的最佳范本\n\n\n\n                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                1\n                        \n\n\n\n\n\n\n0回应\n收起\n\n', '\n\n\n                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...\n\n                        \xa0(展开)\n                    \n', '\n\n                        第一幕:建置 开场:独自住在沼泽地的史莱克吓走逮捕他的村民。 开端: 史莱克救下一只被逮捕的会说话的驴 发展: 被弗洛王驱赶的神话人物全部都聚集在史莱克的沼泽地不肯离开 渐进: 史莱克和驴前去寻找弗洛王帮忙，弗洛王想要迎娶菲奥娜公主，于是召开比武大赛 高潮: 史莱克在比武...\n\n                        \xa0(展开)\n                    ', '\n\n', '', '\n\n\n\n                                1\n                        \n\n\n\n\n\n\n0回应\n收起\n', '\n\n  \n\n\n\n\n失止怅失\n\n2024-04-09 13:27:58\n\n\n长评/城市的目光：《柔道龙虎榜》\n\n\n\n                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                8\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n\n', '\n  \n\n\n\n\n失止怅失\n\n2024-04-09 13:27:58\n\n\n长评/城市的目光：《柔道龙虎榜》\n\n\n\n                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                8\n                        \n\n\n\n\n\n\n0回应\n收起\n\n\n', '\n长评/城市的目光：《柔道龙虎榜》\n\n\n\n                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                8\n                        \n\n\n\n\n\n\n0回应\n收起\n\n', '\n\n\n                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...\n\n                        \xa0(展开)\n                    \n', '\n\n                        本文首载在“失止先声”公众号 全文共2212字 大概需要5min 米歇尔·德·塞尔托在其《日常生活实践》中提出，城市不仅仅是一个物理的或经济的实体，而是充满意义的文本，由其中的行动者-城市居民-通过他们的行为和互动来编写和解读。这正呼应了《柔道龙虎榜》的空间设计，在视像...\n\n                        \xa0(展开)\n                    ', '\n\n', '', '\n\n\n\n                                8\n                        \n\n\n\n\n\n\n0回应\n收起\n', '\n\n  \n\n\n\n\nNobunaga.H\n\n2024-04-10 14:14:04\n\n\n看个剧给本沪漂人看破防了\n\n\n\n                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                13\n                        \n\n\n\n\n                                4\n                        \n\n10回应\n收起\n\n\n\n', '\n  \n\n\n\n\nNobunaga.H\n\n2024-04-10 14:14:04\n\n\n看个剧给本沪漂人看破防了\n\n\n\n                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                13\n                        \n\n\n\n\n                                4\n                        \n\n10回应\n收起\n\n\n', '\n看个剧给本沪漂人看破防了\n\n\n\n                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                13\n                        \n\n\n\n\n                                4\n                        \n\n10回应\n收起\n\n', '\n\n\n                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...\n\n                        \xa0(展开)\n                    \n', '\n\n                        冲着大佬局来的，实力派凑在一起确实抗打，博弈和拉扯好刺激，猜不透到底有几副面孔，好看。但作为一个沪漂人确实对陶无忌这条线更感同身受。 剧里的陶无忌是一个外地来的苦逼打工仔，在上海没有房子，没有人脉，没有根基，沪漂标配“三无青年”。每天要面对的是不仅是千奇百怪...\n\n                        \xa0(展开)\n                    ', '\n\n', '', '\n\n\n\n                                13\n                        \n\n\n\n\n                                4\n                        \n\n10回应\n收起\n', '\n\n  \n\n\n\n\n砣\n\n2024-04-11 09:54:20\n\n\n与凤行让我感觉，我们这个时代看似天马行空的幻想，被文化产业主流接纳并鼓励还为我们寻找出路。深受感动！！！！\n\n\n\n                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n\n\n2回应\n收起\n\n\n\n', '\n  \n\n\n\n\n砣\n\n2024-04-11 09:54:20\n\n\n与凤行让我感觉，我们这个时代看似天马行空的幻想，被文化产业主流接纳并鼓励还为我们寻找出路。深受感动！！！！\n\n\n\n                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n\n\n2回应\n收起\n\n\n', '\n与凤行让我感觉，我们这个时代看似天马行空的幻想，被文化产业主流接纳并鼓励还为我们寻找出路。深受感动！！！！\n\n\n\n                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...\n\n                        \xa0(展开)\n                    \n\n\n\n\n\n\n\n\n                                14\n                        \n\n\n\n\n\n\n2回应\n收起\n\n', '\n\n\n                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...\n\n                        \xa0(展开)\n                    \n', '\n\n                        如果只是把原著1:1还原，主创的工作仅仅也就是及格。但主创并没有浅尝即止，没有带着古偶小言的轻视滤镜，而是把九鹭非香的原著《本王在此》扎根到本土文化里了。这一点真的深受感动！ 36、37、38，所有人都脏了战损了，但沈璃的妆面都是干净的。很难不去想像到最后沈璃的干净...\n\n                        \xa0(展开)\n                    ', '\n\n', '', '\n\n\n\n                                14\n                        \n\n\n\n\n\n\n2回应\n收起\n', '\n\n            &lt;前页\n        \n1\n2\n3\n4\n5\n\n\n后页&gt;\n\n(共100条)\n', '\n\n\n\n\n\n如果你觉得一篇评论对你有帮助，请你点击“有用”。你的投票直接决定哪些评论出现在豆瓣首页和“豆瓣最受欢迎的评论”里，以及在书、电影和音乐介绍页里评论的排序。\n所有“没用”的点击都是匿名的。\n\n\n\n 订阅豆瓣最受欢迎的剧评 \n\n', '', '\n\n如果你觉得一篇评论对你有帮助，请你点击“有用”。你的投票直接决定哪些评论出现在豆瓣首页和“豆瓣最受欢迎的评论”里，以及在书、电影和音乐介绍页里评论的排序。\n所有“没用”的点击都是匿名的。\n\n', '\n如果你觉得一篇评论对你有帮助，请你点击“有用”。你的投票直接决定哪些评论出现在豆瓣首页和“豆瓣最受欢迎的评论”里，以及在书、电影和音乐介绍页里评论的排序。\n所有“没用”的点击都是匿名的。\n', '\n\n\n\n', '', '\n\n\n    © 2005－2024 douban.com, all rights reserved 北京豆网科技有限公司\n\n\n\n关于豆瓣\n    · 在豆瓣工作\n    · 联系我们\n    · 法律声明\n    \n    · 帮助中心\n    · 移动应用\n    · 豆瓣广告\n\n', '']
</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell jp-mod-noOutputs" id="cell-id=7dd14b32-302e-43ea-a53f-080fbef47eae">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span> 
</pre></div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>
